@charset "UTF-8";
/* CSS Document */

@import url(http://fonts.googleapis.com/css?family=PT+Sans);

.table {margin-bottom:0px !important;}
.right {text-align: right;}
.center {text-align: center;}
.red {color: #c13037}
.black {color: #000;}
.dark-grey {color: #59595b}
.hiddenactive{display: inline;}

.DegradeApp {
	  background-color: #F90;
  background-image: -moz-linear-gradient(top, #F90, #FC6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#F90), to(#FC6));
  background-image: -webkit-linear-gradient(top, #F90, #FC6);
  background-image: -o-linear-gradient(top, #F90, #FC6);
  background-image: linear-gradient(to bottom, #F90, #FC6);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F90', endColorstr='#FC6', GradientType=0);
  color:#fff;
 border-top-left-radius: 6px;
border-top-right-radius: 6px;
}

.btn-primary {
  border-radius:0px;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #d12229;
  *background-color: #d12229;
  background-image: -moz-linear-gradient(top, #d12229, #ce2329);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#d12229), to(#ce2329));
  background-image: -webkit-linear-gradient(top, #d12229, #ce2329);
  background-image: -o-linear-gradient(top, #d12229, #ce2329);
  background-image: linear-gradient(to bottom, #d12229, #ce2329);
  background-repeat: repeat-x;
  border-color: #d12229 #d12229 #ce2329;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d12229', endColorstr='#ce2329', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
  color: #ffffff;
  background-color: #ce2329;
  *background-color: #ce2329;
}

.btn-primary:active,
.btn-primary.active {
  background-color: #ce2329 \9;
}

.filler{width:100%; height:20px;}

@media (max-width: 979px) {
	.filler{display:none;}
}

.navbar-fixed-top {position:relative;}

body{font-family: "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;;}
h1,h2,h3,h4,h5,h6{font-family: "Trebuchet MS";}

.container-background{padding-top: 30px;}
.container-background h4{font-weight: bold; font-size: 16px;}
.container-background h2{color: #448c98;}

.sous-nav {width: 100%; height: 40px; margin-bottom: 0px;}
.sous-nav ul{width: 100%;}
.sous-nav ul li{text-align: center;}
.sous-nav .nav li a{height: 40px; line-height: 40px; margin: 0; padding:0; text-shadow:none; color:#000; font-weight: bold;}
.sous-nav .nav li a:hover{color: #fff;background: #ce1b21;font-weight: normal;}
.sous-nav .nav li.active a,.sous-nav .nav li.active a:hover,.sous-nav .nav li a:focus {background: #ce1b21 !important; color: #fff !important; box-shadow: none;font-weight: normal;}
.sous-container{padding-top: 20px;}


/*HEADER*/

.header-background1{background-color: #000; color: #fff;}
.header-background2{background-color: #404042;}
.header-background3{background-color: #000; border-bottom: 1px solid #ccc;}

.header-background1 .container{margin-top: 20px;}

.header-background1 a {color: #fff; text-decoration: none; font-weight: normal;}

.header-frameright{text-align: right; width: 50%; font-size: 13px;font-family: 'PT Sans', sans-serif; font-weight: normal;}
.header-link{margin-bottom: 50px; margin-top:15px;}
.header-logo{width: 50%; margin-bottom: 2px; }
.header-logo-be{max-height: 114px;}
.header-logo-shops{max-height: 14px;}
.header-logo-105{max-height: 100px;}

.header-nav .nav li a{height: 50px; line-height: 50px; margin: 0; padding:0 10px; text-shadow:none; color:#a7a8aa;}
.header-nav .nav li a:hover{color: #fff;}
.header-nav .nav li.active a,.header-nav .nav li.active a:hover {background: none; color: #fff; box-shadow: none;}

.header-nav .nav .dropdown-menu li a{height: 50px; line-height: 50px; margin: 0; padding:0 10px; text-shadow:none; color:#eee; font-weight: normal !important;}
.header-nav .nav .dropdown-menu li a:hover{color: #fff;}
.header-nav .nav .dropdown-menu li.active a,.header-nav .nav .dropdown-menu li.active a:hover {background: none; color: #fff; box-shadow: none;}

.header-nav .navbar-search{margin-top: 13px;border:none; box-shadow: none;}
.header-nav .navbar-search .search-query{border-radius: 6px; padding: 1px 5px;width: 150px;}

.header-toolbar{background: url("/belle-etoile/img/bg-toolbar.png") repeat-x #000; height: 40px; line-height: 40px;}
.header-toolbar-btn {
    margin:5px 0 0 5px;color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #333;
    *background-color: #333;
    background-image: -moz-linear-gradient(top, #666, #000);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#666), to(#000));
    background-image: -webkit-linear-gradient(top, #666, #000);
    background-image: -o-linear-gradient(top, #666, #000);
    background-image: linear-gradient(to bottom, #666, #000);
    background-repeat: repeat-x;
    border-color: #000 #000 #000;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666', endColorstr='#000', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  }

.header-toolbar-btn-phone {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    height: 38px; 
    line-height: 38px; 
    padding: 0; 
    border-radius: 0;
    background-color: #333;
    *background-color: #333;
    background-image: -moz-linear-gradient(top, #666, #000);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#666), to(#000));
    background-image: -webkit-linear-gradient(top, #666, #000);
    background-image: -o-linear-gradient(top, #666, #000);
    background-image: linear-gradient(to bottom, #666, #000);
    background-repeat: repeat-x;
    border-color: #000 #000 #000;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666', endColorstr='#000', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  }

.header-toolbar-btn:hover,
.header-toolbar-btn:active,
.header-toolbar-btn.active,
.header-toolbar-btn.disabled,
.header-toolbar-btn[disabled] {
  color: #ffffff;
  background-color: #000;
  *background-color: #000;
}

.header-toolbar-btn-phone:hover,
.header-toolbar-btn-phone:active,
.header-toolbar-btn-phone.active,
.header-toolbar-btn-phone.disabled,
.header-toolbar-btn-phone[disabled] {
  color: #ffffff;
  background-color: #000;
  *background-color: #000;
}



/*CAROUSEL*/

.carousel{margin-bottom: 0px;}

.carousel-indicators {
  position: absolute;
  top:inherit;
  bottom: 30px;
  right: 130px;
  z-index: 5;
  margin: 0;
  list-style: none;
}

.carousel-indicators li {
  display: block;
  float: left;
  width: 15px;
  height: 15px;
  margin-left: 10px;
  text-indent: -999px;
  background-color: #d1d2d4;
  border-radius: 7px;
}

.carousel-indicators li:hover{background-color: #d0202a; cursor: pointer;}

.carousel-control{color:#fff !important; border:none; background: none; font-size: 150px; top:45%;}

.carousel-indicators .active {
  background-color: #d0202a;
}

/*FOOTER*/

.footer-background1{padding: 0; background-color: #000; color: #d2d2d2; font-size: 11px;}
.footer-background1 a{color: #d2d2d2; text-decoration: none;}
.dotted-ligne{width: 100%; border-top:none; border-bottom: 1px dotted #ccc; height: 0px;margin:0; margin-bottom:2px;}
.dotted-ligne-nomargin{width: 100%; border-top:none; border-bottom: 1px dotted #ccc; height: 0px;margin:0; }
.footer-1{padding: 25px 0;}
.footer-2{margin: 25px 25px 35px 0;height: 150px; padding-right: 50px;}
.footer-2-last{border-right: none; padding-right: 0px;}
.footer-2 .title{color: #d0202a; line-height: 20px; min-height: 40px; font-size: 13px; margin-bottom: 10px;}
.footer-arrow{position:absolute; margin-left:-200px;}

/*BODY WHATSON*/

.body-background{padding:0;}
.body-top {border-left: 1px dotted #6d6d6d;border-right: 1px dotted #6d6d6d; padding: 20px 0; color: #6c6e6d;}
.body-top b {color:#000;}
.body-top-day{text-align: right; }
.body-top-opening{border-left: 1px solid #6c6e6d; padding-left:20px;}
.body-top-right{padding-left:20px; padding-right:20px;}
.btn-horaire{text-align: center;font-family: 'Trebuchet MS';}

.whatson-ligne{border-bottom: 1px dotted #6d6d6d;}
.whatson-ligne:last-child{border: none; padding-bottom: 0;}
.whatson-img{ width: 100%; margin-bottom:10px;}

.whatson-right-background{background-color: #e6e7e9; margin-top: 30px; margin-bottom: 30px; padding: 20px; -webkit-border-top-right-radius: 15px; border-top-right-radius: 15px; -moz-border-radius-topright: 15px;}
.whatson-right-encart{background-color: #fff;padding: 10px 20px 20px 20px; margin-top:20px;}
.whatson-right-encart:first-child{-webkit-border-top-right-radius: 15px; border-top-right-radius: 15px; -moz-border-radius-topright: 15px; margin-top: 0px; }
.whatson-right-encart form{margin: 0;}
.whatson-right-encart hr{margin-bottom: 10px;}
.whatson-right-img{width: 100%; margin-top: 10px; }
.whatson-text{color:#999; font-size: 12px;}
.whatson-news h5{height: 20px; color: #666; margin-top: -10px;}
.whatson-news {padding: 30px 0 20px;min-height: 170px;-webkit-tap-highlight-color:rgba(0,0,0,0);}
.whatson-ligne a,.whatson-right-encart a {color:#000; text-decoration: none; font-size: 12px; }
.whatson-plusinfo {background: url("/belle-etoile/img/small-grey-arrow.jpg") no-repeat; padding-left: 20px; height: 21px; line-height: 21px;}

.whatson-background1{padding-top: 30px;}
.whatson-background2{background: #e6e7e9; padding: 20px 0}
.whatson-images{width: 100%;}
.whatson-data{padding-right: 30px; margin-left: -20px !important;}
.whatson-data h2{color: #448c98; }
.whatson-data .whatson-texte{color: #999; font-size: 12px;}
.whatson-data a{color:#000; text-decoration: none; font-size: 12px; }
.whatson-data h2{margin-top: 0px; line-height: 30px;}
.whatson-bubble{background:#8ebbc1; width: 120px; height: 120px; border-radius: 60px; margin: 20px 20px 20px 0;  }
.whatson-innerbubble{color: #fff; text-align: center; line-height: 28px; font-weight: bold;font-size: 28px; padding-top: 20px;font-family: 'PT Sans', sans-serif; }
.whatson-titremanif{font-size: 24px; max-width: 450px; color: #6f6f71; margin-top: 45px; line-height: 30px;}
.whatson-multipletext{padding-right: 30px;}
.whatson-multipletext h5{color: #448c98;}
.whatson-multipletext p{font-size: 12px; color: #6d6e70;}
.whatson-arrow{position:absolute; margin-left:-170px; margin-top:50px;}

/*HORAIRES*/
.horaires-data td{font-size: 12px;}
.horaires-data h5{font-weight: normal; color: #ca1527;}
.horaires-nav h5,p,td{color: #6d6e73; font-weight: normal;}
.horaires-nav h5 a{color: #6d6e73; text-decoration: none;}
.horaires-nav{margin-bottom: 0px;}
.horaires-well{padding: 0 20px 20px 20px; border-left:1px dotted #ccc;border-right:1px dotted #ccc;border-bottom:1px dotted #ccc;  margin-bottom: 20px; }
.horaires-well .tab-pane hr:last-child {display: none;}

/*MENUS*/
.menu-texte{max-width: 200px; font-size: 12px; margin-top: 50px;}
.menu-data p{color: #6d6e73;font-size: 12px; }

/*INFO PRATIQUES*/
.info-data p{color: #6d6e73;font-size: 12px;}
.info-data a{text-decoration: none; color: #ca1527;}
.info-texte{padding-right: 30px;}
.info-images{width: 100%; }
.sous-nav ul li.info{width: 25%;}

/*CLUB VIN*/
.clubvin-background{background: #000;}
.sous-nav ul li.vin{width: 20%;}
.clubvin-images{width: 100%; }
.clubvin-grostitre{font-size: 24px; color: #6f6f71; line-height: 30px; padding: 40px 0; margin-right: 30px;}
.clubvin-btn-inscription{margin-top: 10px;}
.clubvin-data h4 {font-weight: normal !important; color: #ca1527 !important; background: none !important; padding-left:0 !important;}
.clubvin-data a{text-decoration: none; color: #ca1527 !important;}
.link-agenda small a{color: #000 !important;}
.retrospective-images{width: 150px; margin-bottom: 10px;}
.media-body h5{margin-top: 0px !important;}
.photo-row{margin-bottom: 20px;}
.photo-row:last-child{margin-bottom: none;}
.agenda-images{margin-left: 20px; margin-bottom: 20px;max-height: 300px;}
.club-vin-bubble{position:absolute; margin-left:-170px; background:#d8d8da; width: 120px; height: 120px; border-radius: 60px; margin-top: 30px;}
.club-vin-innerbubble{color: #fff; text-align: center; line-height: 60px; font-weight: bold;font-size: 28px; padding-top: 20px;font-family: 'PT Sans', sans-serif; }

/*MAGASINS*/
.magasins-data{border-top: 1px dotted #999;}
.magasins-data a{text-decoration: none;}
.magasins-data .accordion-group{border:none;  margin: 0; }
.magasins-data .accordion-group .accordion-heading{padding: 5px 0;background-color: #fcfcfc; border-bottom: 1px dotted #999;}
.magasins-data .accordion-group .accordion-heading a{color: #666; font-weight: bold;}
.magasins-data .accordion-inner {padding: 0;}
.magasins-data .accordion-inner a .row-fluid{border-top: none; border-bottom: 1px dotted #ccc; padding: 10px 15px; }
.magasins-data .accordion-inner a .row-fluid:last-child{border-bottom: 1px dotted #999;}
.magasins-data .accordion-inner a{color:#448c98;}
.magasin-images{width: 100%;}
.detail-magasin-data a{color:#000; text-decoration: none; font-size: 12px; }
.detail-magasin-horaires{float:left;padding: 20px 40px 20px 20px; background: #8ebbc1; color: #fff; margin: 20px 0;}
.detail-magasin-back a{color: #fff; text-decoration:none; }
.magasin-logo{width: 30%; margin-bottom: 20px;}
.magasin-telephone{margin-top: -10px; margin-bottom: 15px; font-weight: bold;}

/*LISTES*/
.liste-background{background: #000;}
#btn-consulter-une-liste{width: 20%;}
#btn-consulter-ma-liste{width: 20%;}
#btn-comment-ca-marche{width: 20%;}
#btn-vos-avantages{width: 15%;}
#btn-partenaires{width: 13%;}
#btn-contactliste{width: 12%;}
.listes-data h4 {font-weight: normal; color: #ca1527;}
.listes-data p{color: #ccc;}
.listes-data a{text-decoration: none; color: #ca1527 !important;}
.partenaires-images{width: 100px;}
.depliant-cadre-image{width: 150px; margin-left: 30px;}
.liste-cadre-recherche{background: #eee; padding: 20px;}
.liste-recherche, #np_ListeCadeau_TypeListe{ margin-bottom: 5px !important;}
.liste-form{ margin-bottom: 0px !important;}
.liste-form-btn{margin-top: 5px;}
.liste-recherche .control-label{text-align: left; width: 100px; font-size: 12px; color: #666;}
.liste-recherche .controls{margin:0;}
.liste-table{background: #eee;font-size: 12px;}
.liste-table a{color:#000 !important; text-decoration: none;  }
.liste-table tr td{font-size: 12px;}
.liste-ligne{font-size: 12px;}
.liste-ligne a{color:#ca1527 !important; text-decoration: none;  }

/*DEPLIANTS*/
.depliant-img{max-width: 200px; box-shadow: 3px 3px 10px #666;} 

/*NEWSLETTER*/
.newsletter-form{max-width: 500px;}

/*RECHERCHE*/
.recherche-data p{max-height: 60px; overflow: hidden; text-overflow:ellipsis; line-height: 20px; font-size: 12px;}
.recherche-data a{color:#ca1527 !important; text-decoration: none;  }


/*CARTE CADEAUX*/
.cartecadeau-background{background: #000;}
.sous-nav ul li.cartecadeaux{width: 25%;}
.cartecadeau-images{width: 100%; }
.cartecadeau-grostitre{font-size: 24px; color: #6f6f71; line-height: 30px; padding: 40px 0; margin-right: 30px;}
.cartecadeau-data h4 {font-weight: normal !important; color: #ca1527 !important; background: none !important; padding-left:0 !important;}
.cartecadeau-data a{text-decoration: none; color: #ca1527 !important;}
.cartecadeau-data strong{color: #000;}


/*OFFRES D'EMPLOI*/
.offre-data p{font-size: 14px; }


.sous-container-nav{font-size: 12px;}
.sous-container-nav li{text-align: right;}
.sous-container-nav li a{color: #808082;background: #fff;border-bottom: 1px dotted #ccc;}
.sous-container-nav li a span{display:none;}
.sous-container-nav li.active a{background: #f1f1f1;color: #000;}
.sous-container-nav li.active a span{display:inline;}
.sous-container-nav li:hover a{background: #fff;}
.sous-container-nav li.active:hover a{background: #f1f1f1; color: #000;}
.sous-container-nav li.active a:focus{background: #f1f1f1 !important; color: #000 !important;}
.sous-container-data{border-left: 1px dotted #ccc; padding-left: 40px; min-height: 300px;}
.sous-container-data h4{color: #000; margin-top: 0px;}
.sous-container-data .media{padding: 10px 0;}
.sous-container-data .media-body{font-size: 12px; color: #808082;}
.sous-container-data h5{font-weight: normal; color: #ca1527;}
.sous-container-data p{font-size: 12px; font-weight: normal; color: #808082;}
.sous-container-data p b{font-weight: normal; color: #ca1527;}
.sous-container-data .nav-pills li.active a{background: #ca1527;}










/* Large desktop */
@media (max-width: 1200px) { 
.nav-collapse .header-nav .navbar-search .search-query{width: 120px;}
 .sous-nav .nav li a{font-size: 12px;}
  .carousel{min-height: 260px;}
}

@media (min-width: 1200px) {
 .carousel{min-height: 330px;}
 .whatson-thumb img{max-height: 106px;}
}

@media (min-width: 980px) and (max-width: 1299px) {
 .whatson-thumb img{max-height: 86px;}
}


@media (max-width: 979px) { 
  .nav-collapse .header-nav .nav > li > a:hover{background: none; color: #fff;}
  .nav-collapse .header-nav .nav > li > a{text-indent: 10px;}
  .nav-collapse .header-nav .nav > li.active > a{background: #e5e5e5; color: #555555;}
  .nav-collapse .header-nav .navbar-search .search-query{width: 95%; padding-right:0px; }
  .footer-2{height: 200px; margin-bottom: 20px;}
  .body-top{border:none; }
  .whatson-news{font-size: 14px;}
  .sous-nav .nav li a:hover{background: none;color:#000; font-weight: bold;}
   .horaires-nav h5{font-size: 12px;}
    .carousel{min-height: 260px;}
    
}


/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { 
  .sous-nav .nav li a{font-size: 10px;}
  .carousel{min-height: 200px;}
  .whatson-thumb img{max-height: 63px;}
}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) { 
  body{padding:0;}
  .header-toolbar{padding: 0 !important;}

  .container-fluid{padding-left: 10px; padding-right: 10px;}
  
  .header-frameright{width: 40%; padding-top: 3px; }
  .footer-2{border:none;}
  .body-top-opening{border:none; padding: 0;}
  .whatson-img{ width: 45%; margin-right: 10px;}

  .whatson-ligne{border:none;}
  .whatson-news{border-bottom: 1px dotted #6d6d6d; padding: 10px 10px 0 10px;}

  .whatson-background1{padding: 0;}
  .whatson-data{padding: 30px 20px 10px 10px;margin-left: 0px !important;}
  .whatson-data h2{background: none; padding: 0; font-size: 18px;}
  .whatson-images{margin-bottom:10px;}
  .whatson-bubble{background:#8ebbc1; width: 80px; height: 80px; border-radius: 40px; margin: 10px 10px 10px 10px;  }
  .whatson-innerbubble{color: #fff; text-align: center; line-height: 16px; font-weight: bold;font-size: 16px; padding-top: 15px; }
  .whatson-titremanif{font-size: 16px; max-width: 300px; margin-top: 20px;}
  .whatson-background2{padding: 10px;}
  .whatson-multipletext{padding-right: 0;}

  .container-background{padding:0;}
  .container-background h4, h2{font-weight: bold; font-size: 16px; color: #fff; background: #ce1e2e; padding: 20px 10px; margin: 0;}
  .container-background h2{padding: 10px; color: #fff !important;}
  .horaires-data{padding: 0 10px;}
  .horaires-data h4{color: #6d6e73; background: none; padding: 0; margin: 10px 0;}
  .horaires-nav li:first-child{margin-left: 10px;}
  .horaires-nav{margin-top:10px; padding: 0;}
  .menu-texte{max-width: 200px; font-size: 12px; margin-top: 20px;}
  .menu-data,.info-data,.offre-data{padding: 10px;}
  .info-texte{padding-right: 0;}
  .sous-container{padding: 0;}
  .sous-container h2{padding: 10px;}
  .clubvin-data{padding: 10px;}
  .cartecadeau-data{padding: 10px;}
  .retrospective-images{width: 100%; margin-bottom: 10px;}
  .thumbnail{border:none;padding:0;border-radius:0;}
  .magasins-data{border-top:none;}
  .detail-magasin-data{padding: 10px;}
  .detail-magasin-horaires{padding: 20px; background: #8ebbc1; color: #fff; margin:0; float: none;}
  .listes-data{padding: 10px;}
  .sous-container-nav li{text-align: left;}
  .sous-container-data{border: none; padding: 0;}

  .liste-table, 
  .liste-table thead, 
  .liste-table tbody, 
  .liste-table th, 
  .liste-table td, 
  .liste-table tr { 
    display: block; 
  } 
  .liste-table{margin: 0;}
  .liste-visualiser{border-top: none!important;}
  .depliant-data{text-align: center;}
  .recherche-data{padding: 10px;}
}

@media (min-width: 640px) and (max-width: 766px) { 
  .whatson-news {min-height: 250px;}
}

@media (min-width: 540px) and (max-width: 639px) { 
  .whatson-news {min-height: 200px;}
}

/* Landscape phones and down */
@media (max-width: 480px) { 

  .header-background1 .container{ margin-top: 10px;}
  .body-background{padding:0;}
  .body-top{border:none; padding: 10px;}
  .body-top-day{text-align: left;}
  .btn-horaire{margin-top: 10px;}
  .whatson-img{margin-top: 10px;}
  .whatson-innerbubble{color: #fff; text-align: center; line-height: 16px; font-weight: bold;font-size: 16px; padding-top: 15px; }
  .whatson-titremanif{font-size: 12px; max-width: 200px; margin-top: 0px;}
}