/* Custom layout  */
/** Custom layout M6 Mobile
*
* Couleurs :
        Couleur ou d�grad� du fond du site : #ffffff vers #ffffff
        Couleur ou d�grad� du bouton "profiter": #792475 vers #792475
        Couleur ou d�grad� du surlignage des offres promotionnelles : #bd52a9 vers #7e0b6a
        Couleur ou d�grad� du module de recherche : #bd50a8 vers #7e0b6a
*/
/* Classics */
/* Custom */
/* Background d�grad� microsoft */
/* gradient */
/* filter microsoft gradient */
/* LAYOUT */
/* Si besoin du dégradé */
/*
html, body {
    height: auto;
}
 */
body {
  background-color: #ffffff;
  /* remplacer la couler du BG par ça si besoin du dégradé */
  /*
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(@start_gradient), to(@end_gradient));
    background-image: -webkit-linear-gradient(top, @start_gradient, @end_gradient);
    background-image: -o-linear-gradient(top, @start_gradient, @end_gradient);
    background-image: linear-gradient(to bottom, @start_gradient, @end_gradient);
    background-image: -moz-linear-gradient(top, @start_gradient, @end_gradient);
    filter: progid:dximagetransform.microsoft.gradient(startColorstr=@startColorstr, endColorstr=@endColorstr, GradientType=0);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
     */
}
a {
  color: #000000;
}
a:hover {
  color: #000000;
}
/* lien url sur coupons accueil */
.shop-address a:hover {
  color: black;
}
/*PAGE COUPON bouton action des coupon */
.btn-action {
  color: #ffffff;
  background-color: #792475;
  *background-color: #792475;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#bd50a8), to(#7e0b6a));
  background-image: -webkit-linear-gradient(top, #bd50a8, #7e0b6a);
  background-image: -o-linear-gradient(top, #bd50a8, #7e0b6a);
  background-image: linear-gradient(to bottom, #bd50a8, #7e0b6a);
  background-image: -moz-linear-gradient(top, #bd50a8, #7e0b6a);
  background-repeat: repeat-x;
  border-color: #bd50a8 #bd50a8 #7e0b6a;
  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=#792475, endColorstr=#792475, GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
.btn-action:hover {
  color: white;
  text-decoration: underline;
  background-color: #792475;
}
/*PAGE ACCUEIL bouton action des coupon */
.actions a {
  color: #ffffff;
  filter: progid:dximagetransform.microsoft.gradient(startColorstr=#792475, endColorstr=#792475, GradientType=0);
}
.actions a:hover {
  color: #ffffff;
  text-decoration: underline;
}
/* bouton retour meyclub */
.navbar .btn-return img {
  margin-top: 0px;
  margin-left: 34%;
}
/* Page accueil, bandeau banniere logo ou titre, emboiter regles si titre/images */
#header_banner {
  background: url("http://avantages-m6mobile.m6mobile.fr/bundles/atipikfront/websites/m6mobile/img/banner-bg.png") repeat-x scroll left top;
}
#baseline {
  /*background-color: @background;*/
  max-width: 1000px;
  margin: auto;
}
/* Bouton, creer un compte entre autre */
.btn-primary {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #792475;
  *background-color: #792475;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#bd50a8), to(#7e0b6a));
  background-image: -webkit-linear-gradient(top, #bd50a8, #7e0b6a);
  background-image: -o-linear-gradient(top, #bd50a8, #7e0b6a);
  background-image: linear-gradient(to bottom, #bd50a8, #7e0b6a);
  background-image: -moz-linear-gradient(top, #bd50a8, #7e0b6a);
  background-repeat: repeat-x;
  border-color: #bd50a8 #bd50a8 #7e0b6a;
  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=#792475, endColorstr=#792475, GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
  color: #ffffff;
  background-color: #792475;
  *background-color: #792475;
}
/* Mon compte deconnexion */
.navbar-inverse .nav li.dropdown .dropdown-toggle {
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  color: black;
  background-color: white;
}
/* icone deconnexion */
.navbar-inverse .nav li.dropdown > .dropdown-toggle .caret {
  border-bottom-color: #ffffff;
  border-top-color: #ffffff;
}
/* Logo haut de page */
.navbar-inner {
  background-image: none;
  background: white;
  filter: none;
  display: default;
}
.navbar-inner img {
  margin-top: 20px;
  position: absolute;
}
.navbar-inner .container-fluid:before,
.navbar-inner .container-fluid:after {
  display: inline !important;
}
.navbar-inverse .navbar-inner {
  background-image: none;
  background: white;
  filter: none;
  border: white;
}
dd a:hover {
  color: #000000;
}
.pagination a:hover {
  color: #000000;
}
/* lien footer */
.breadcrumb a:hover {
  color: #ffffff;
  text-decoration: underline;
}
#top {
  /*margin-bottom: 4px;*/
}
#top .navbar-inner {
  background: white;
  border: white;
  filter: none;
}
#center {
  margin-top: 0px;
}
/* Page accueil image facebook footer */
.span4 img {
  float: right;
}
/* PAGE ACCUEIL */
/* Page accueil couleur fond des champs de recherche du search */
#search .bigsearch,
#search_distance_km {
  background-color: #ffffff;
  color: #000000;
}
#search {
  background-color: #bd50a8;
  background-image: -moz-linear-gradient(top, #bd50a8, #7e0b6a);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#bd50a8), to(#7e0b6a));
  background-image: -webkit-linear-gradient(top, #bd50a8, #7e0b6a);
  background-image: -o-linear-gradient(top, #bd50a8, #7e0b6a);
  background-image: linear-gradient(top, #bd50a8, #7e0b6a);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr=#bd50a8, endColorstr=#7e0b6a, GradientType=0);
  border: 1px solid #ffffff;
  color: #ffffff;
}
/* Page accueil bandes et pourtours du search */
.search-count {
  border-left: 1px solid #ffffff;
}
.search-count .num-large {
  border-left: 1px solid #ffffff;
}
.search-count {
  text-align: center;
  white-space: nowrap;
}
/** Reponsive Ipad / tablette */
@media (max-width: 979px) {
  .search-count {
    white-space: normal;
  }
}
.num-large {
  margin-bottom: 0;
  text-align: right;
  padding: 0 0 0 10px;
}
/* coins impression relief search */
#left-corner {
  background: url(../../../bundles/atipikfront/websites/m6mobile/img/left-corner.png) left top no-repeat;
}
#right-corner {
  background: url(../../../bundles/atipikfront/websites/m6mobile/img/right-corner.png) left top no-repeat;
}
/* Page accueil surligne coupon degradé */
.offer-description strong {
  color: #ffffff;
  background: purple;
}
/* Page accueil surligne coupon degradé */
.span5 .offer-description {
  color: #ffffff;
  background-color: #7e0b6a;
  background-image: -moz-linear-gradient(top, #bd52a9, #7e0b6a);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#bd52a9), to(#7e0b6a));
  background-image: -webkit-linear-gradient(top, #bd52a9, #7e0b6a);
  background-image: -o-linear-gradient(top, #bd52a9, #7e0b6a);
  background-image: linear-gradient(top, #bd52a9, #7e0b6a);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr=#bd50a8, endColorstr=#7e0b6a, GradientType=0);
}
.offer-description-inner {
  background-color: default;
}
.offer-description-inner strong {
  color: purple !important;
  background: #ffffff !important;
}
/** cityzen club style

/* Page accueil surligne coupon degradé
.offer-description {
    strong {
        color: @white;
        background:none !important;
    }
}

.list-coupon .offer-description {
  height: 70px;
  margin-bottom: 5px;
  padding: 5px;
  border-radius: 6px;
  display: table-cell;
  text-align: center;
  width: 230px;
  vertical-align: middle;
  background:@theme_color;

  strong {
    color: @white;
    text-shadow: 2px 2px 4px black;
    vertical-align:middle;
    letter-spacing: 0.05em;
    font-size: 2em;
    line-height: 1.2em;
  }
}

/* Page accueil surligne coupon degradé
.bloc-shop .coupons .offer-description {
  border-radius: 6px;
  color: @white;
  background-color:@end_gradient_surligne;
  background-image: -moz-linear-gradient(top, @start_gradient_surligne, @end_gradient_surligne);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(@start_gradient_surligne), to(@end_gradient_surligne));
  background-image: -webkit-linear-gradient(top, @start_gradient_surligne, @end_gradient_surligne);
  background-image: -o-linear-gradient(top, @start_gradient_surligne, @end_gradient_surligne);
  background-image: linear-gradient(top, @start_gradient_surligne, @end_gradient_surligne);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr=@startColorstrSurligne, endColorstr=@endColorstrSurligne, GradientType=0);
}

.offer-description-inner {
  text-shadow: 2px 2px 4px black;
  text-align: center;
  line-height: 2em;
  letter-spacing: 0.12em;

  strong {
    background: none;
    font-size: 2em;
    display: block;
  }
}

/** shop nearest
.shop-proximite .offer-description {
  height: 20px;
  padding: 5px;
  border-radius: 4px;
  display: table-cell;
  text-align: center;
  width: 200px;
  vertical-align: middle;
  background:@theme_color;

  strong {
    color: @white;
    text-shadow: 1px 1px 2px black;
    vertical-align:middle;
    letter-spacing: 0.06em;
    font-size: 1.2em;
    line-height: 1.5em;
  }
}
*/
/* INSCRIPTION */
/* liste auto complete inscription */
.ui-autocomplete li  > a:hover,
.ui-autocomplete li  > a:focus,
.ui-autocomplete li  > a.ui-state-hover {
  color: #ffffff;
  background-color: #bd50a8;
  background-image: -moz-linear-gradient(top, #bd50a8, #7e0b6a);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#bd50a8), to(#7e0b6a));
  background-image: -webkit-linear-gradient(top, #bd50a8, #7e0b6a);
  background-image: -o-linear-gradient(top, #bd50a8, #7e0b6a);
  background-image: linear-gradient(to bottom, #bd50a8, #7e0b6a);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr=#792475, endColorstr=#792475, GradientType=0);
  border: 1px solid #7e0b6a;
}
.ui-autocomplete {
  background-color: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0 0 6px 6px;
}
/* page inscription condition generale */
.cgu-link {
  color: #ffffff;
  text-decoration: underline;
}
.cgu-link:hover {
  color: black;
}
/* PAGE COUPON */
/* Page coupon, message sur le coupon selectionné et liste choix */
.alert-czb {
  margin: 0 10px 20px 30px;
  border: 1px solid #bd50a8;
  border-radius: 5px;
  background-image: -moz-linear-gradient(top, #bd50a8, #7e0b6a);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#bd50a8), to(#7e0b6a));
  background-image: -webkit-linear-gradient(top, #bd50a8, #7e0b6a);
  background-image: -ms-linear-gradient(top, #bd50a8, #7e0b6a);
  background-image: -o-linear-gradient(top, #bd50a8, #7e0b6a);
  background-image: linear-gradient(to bottom, #bd50a8, #7e0b6a);
  background-repeat: repeat-x;
  filter: progid:dximagetransform.microsoft.gradient(startColorstr=#792475, endColorstr=#792475, GradientType=0);
  color: #ffffff;
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.25);
}
.dropdown-category a {
  color: #ffffff;
}
/* Page impression coupon, lien votre espace */
p a:hover {
  color: black;
}
/* MOPN COMPTE */
/* Page mon compte, liens modifier categorie dans Profile */
.span6 .span12 a:hover {
  color: #000000;
}
dd a:hover {
  color: #000000;
}
/* Page mon compte, lien mes coupons en cours*/
.coupons li a:hover {
  color: #000000;
}
/** Reponsive Ipad / tablette */
@media (max-width: 979px) {
  .navbar .btn-return img {
    width: 160px;
    margin-left: 20%;
  }
  .navbar-inner img {
    margin-top: 35px;
  }
  .list-coupon .offer-description {
    height: 60px;
  }
}
/** Reponsive iphone 1 */
@media (max-width: 479px) {
  .navbar .btn-return img {
    width: 100px;
    margin-left: 0;
  }
  .navbar-inner img {
    margin-top: 35px;
  }
}
/** Reponsive android 280px */
@media (max-width: 280px) {
  .navbar .btn-return img {
    width: 100px;
    margin-left: -22px;
  }
  .navbar-inner img {
    margin-top: 35px;
  }
}
#nav-account {
  height: auto;
}
.pagination ul > li > a,
.pagination ul > li > span {
  color: #999999;
}
.print-coupon {
  color: #000000;
}
#coupon-show-nbCoupon {
  display: none;
  visibility: hidden;
}
.chrono,
.chrono:hover {
  color: white !important;
}
.text-black {
  color: black;
}
.bloc-conditions-dl .pictos {
  padding-bottom: 70px;
}