/**
    Colors
*/
/**
    Sizes
*/
/**
    z-index
*/
/* ----------------------------------------------------------------------------
   Commun tablet paysage + portrait
---------------------------------------------------------------------------- */

@media screen and (min-width: 641px) and (max-width: 1024px) {
  .scrolltop {
    right: 90px;
    bottom: 21px;
  }
  main .content {
    width: calc(100% - 60px);
    /*section {
                  padding-left: 0 !important;
                  padding-right: 0 !important;
              }*/
  
    /* BOUTIQUE */
  
    /* RESTAURANTS */
  
    /* PROFIL */
  
    /* LIST */
  
  }
  main .content header {
    width: calc(100% - 60px);
  }
  main .content .pagesce-inner {
    width: 100%;
  }
  main .content .fixed-navigation {
    width: calc(100% - 105px);
  }
  main .content .fixed-navigation .filters .filter-item .filter-option {
    right: 0;
    left: auto;
  }
  main .content .box-produit {
    width: 25%;
  }
  main .content .boutique .france-billet-link {
    float: none;
    position: absolute;
    top: 6px;
    left: -24px;
  }
  main .content .boutique .france-billet-link2 {
    float: none;
    position: absolute;
    top: 28px;
    left: -24px;
  }
  main .content .restaurants .left-side {
    float: none;
    width: 100%;
  }
  main .content .restaurants .right-side {
    float: none;
    width: 100%;
  }
  main .content .restaurants .puce-legende {
    width: 50%;
    margin: 0 auto;
  }
  main .content .restaurants .mon-badge {
    width: 40%;
    margin: 0 auto 40px auto;
  }
  main .content .profil .block-first,
  main .content .profil .block-second {
    float: none;
    width: 100%;
    padding: 0;
  }
  main .content .list .list-item {
    table-layout: initial;
  }
  main .content .list .list-item div {
    width: 16%;
    vertical-align: top;
  }
  main .content .list .list-item div span {
    font-size: 12px;
  }
  main .content .espaces-ce .banner h1 {
    top: 30px;
    left: 50%;
    transform: translate(-50%, 0);
  }
  main .content .espaces-ce .banner .search-docs-form .search-block {
    top: 101px !important;
    transform: translate(-50%, 0);
  }
  main .content .espaces-ce .banner-small h1 {
    top: 5px;
    left: 100px;
  }
  main .content .espaces-ce .banner-small .search-docs-form .search-block {
    top: 10px !important;
    left: 200px !important;
    transform: translate(0, 0);
    width: 70%;
  }
  main .content .espaces-ce .banner-small .search-docs-form .search-block .filter {
    width: 100px;
  }
  main .content .espaces-ce .banner-small .search-docs-form .search-block .search-input {
    width: 280px;
  }
  main .content .espaces-ce .espacesce-title-resa {
    margin-top: 30px;
  }
  main aside {
    width: 60px;
    text-align: center;
  }
  main aside .box-icons {
    height: auto;
    padding: 12px 0 0 0;
    border-bottom: 0;
  }
  main aside .box-icons ul li {
    width: 100%;
    text-align: center;
  }
  main aside .box-icons ul li a {
    display: inline-block;
    margin-bottom: 20px;
  }
  main aside .box-icons ul li a.link-intranet {
    min-width: 27px;
    min-height: 28px;
    margin-right: 0;
  }
  main aside .box-icons ul li a.link-profile {
    min-width: 20px;
    min-height: 29px;
  }
  main aside .box-icons ul li a.link-profile span {
    display: block;
  }
  main aside .box-icons ul li a.link-cart {
    min-width: 26px;
    min-height: 27px;
    background-position: 0 50%;
  }
  main aside .box-icons ul li a.link-cart strong {
    display: none;
  }
  main aside .box-icons ul li a.link-cart span {
    bottom: -8px;
    right: -4px;
  }
  main aside .box-icons ul li.separator {
    display: none;
  }
  main aside .box-intro-notifs {
    padding: 0 5px;
  }
  main aside .box-intro-notifs h2,
  main aside .box-intro-notifs p {
    display: none;
  }
  main aside .box-intro-notifs .title-notifs {
    font-size: 8px;
    border-bottom: 0;
  }
  main aside .box-intro-notifs .title-notifs .badge {
    margin-bottom: 5px;
  }
  main aside .box-notifs {
    padding: 15px 5px;
    text-align: center;
  }
  main aside .box-notifs h2,
  main aside .box-notifs p,
  main aside .box-notifs .title-notifs,
  main aside .box-notifs ul {
    display: none;
  }
  main aside .box-lastbuy {
    display: none;
  }
  main aside .logout a {
    background: transparent url(img/icones/logout.svg) 19px center no-repeat;
    background-size: 18px;
    padding: 17px 0 17px 0px;
    text-indent: -5000px;
  }
  .container {
    width: auto;
  }
  .content-extranet .banner {
    width: calc(100% - 60px);
  }
  .content-extranet .container-flex {
    flex-wrap: wrap;
  }
}
/* ----------------------------------------------------------------------------
   Tablet paysage + desktop 1024
---------------------------------------------------------------------------- */

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .inner {
    width: 100%;
  }
  /* EVENT + PRODUIT PRINCIPAL */
  
  .event .panel-text,
  .produit-principal .panel-text {
    width: 35%;
    padding-right: 0;
  }
  .event .panel-gallery,
  .produit-principal .panel-gallery {
    width: 60%;
  }
  .event .panel-gallery .gallery,
  .produit-principal .panel-gallery .gallery {
    width: 100%;
  }
  .event .panel-gallery .gallery .gallery-left,
  .produit-principal .panel-gallery .gallery .gallery-left,
  .event .panel-gallery .gallery .gallery-full,
  .produit-principal .panel-gallery .gallery .gallery-full {
    width: 60%;
  }
  .event .panel-gallery .gallery .gallery-left .thumb .thumb-link,
  .produit-principal .panel-gallery .gallery .gallery-left .thumb .thumb-link,
  .event .panel-gallery .gallery .gallery-full .thumb .thumb-link,
  .produit-principal .panel-gallery .gallery .gallery-full .thumb .thumb-link {
    width: 100%;
  }
  /* PRODUITS SECONDAIRES */
  
  .produits-secondaires .panel-produit {
    width: 24.7%;
  }
  /* THEMATIQUES */
  
  .thematiques .panel-thematique figure span {
    font-size: 20px;
    left: 20px;
  }
  /* OFFRES POPULAIRES */
  
  .offres-populaires .panel-carousel .carousel .slick-prev {
    left: -235px !important;
  }
  .offres-populaires .panel-carousel .carousel .slick-next {
    left: -190px !important;
  }
}
/* ----------------------------------------------------------------------------
   Tablet portrait
---------------------------------------------------------------------------- */

@media screen and (min-width: 641px) and (max-width: 768px) {
  header nav .nav-content .header-tools .search {
    margin: 13px 0 15px 15px;
  }
  .modal .content-modal {
    width: 90%;
  }
  /* INSCRIPTION */
  
  .inscription .form-section {
    width: 97%;
  }
  .inscription .side.left-side {
    padding-right: 20px;
    padding-left: 70px;
    width: 30%;
  }
  .inscription .side.right-side {
    float: left;
    width: 69%;
  }
  /* HOME */
  
  .inner {
    width: 100%;
  }
  /* PARTENAIRES */
  
  .partenaires .grid {
    display: flex;
    flex-wrap: wrap;
    height: auto !important;
    justify-content: space-between;
  }
  .partenaires .grid .gutter-sizer,
  .partenaires .grid .grid-sizer {
    display: none;
  }
  .partenaires .grid .grid-item {
    float: none;
    position: relative !important;
    width: 47%;
    margin: 0 0 6% 0;
    left: auto !important;
    top: auto !important;
  }
  /* ACTIVITES SOCIALES */
  
  .boutique .tab-content-title {
    margin-top: 50px;
  }
  .boutique .block-img {
    background-position: center center !important;
  }
  main .content .box-produit {
    width: 50%;
  }
  main .content .box-produit .block-img img {
    height: auto;
  }
}
/* ----------------------------------------------------------------------------
   Tablet portrait + mobile
---------------------------------------------------------------------------- */

@media screen and (max-width: 768px) {
  header {
    z-index: 10;
  }
  header nav .nav-content .navburger {
    display: block;
    position: absolute;
    top: 14px;
    right: 20px;
    z-index: 200;
  }
  header nav .nav-content .customScrollExtranet.wrapper-menu {
    display: none;
    float: none;
    width: 100% !important;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 101;
    background: rgba(0, 0, 0, 0.95);
  }
  header nav .nav-content .rootlist {
    display: none;
    float: none;
    width: 100% !important;
    height: 100%;
    background: rgba(0, 0, 0, 0.95);
    padding-top: 50px;
    z-index: 2;
  }
  header nav .nav-content .rootlist li {
    display: block;
    margin: 0;
    text-align: center;
    padding: 15px 0 20px 0;
    border-bottom: 1px solid #333333;
    background: rgba(0, 0, 0, 0.95);
  }
  header nav .nav-content .rootlist li a {
    height: auto;
    padding-top: 0;
    font-size: 18px !important;
    color: white !important;
  }
  header nav .nav-content .rootlist li:hover > a,
  header nav .nav-content .rootlist li.active > a {
    color: #f9b707 !important;
    border-bottom: 0 !important;
  }
  header nav .nav-content .rootlist li .menu-arrow-down {
    display: none;
  }
  header nav .nav-content .rootlist li ul {
    float: none;
    display: block;
    position: relative;
    left: 0;
    width: 100% !important;
    height: auto;
    padding: 10px 0 0 0;
    margin: 18px 0 0 0;
    background: transparent !important;
    border-top: 1px solid #333333 !important;
  }
  header nav .nav-content .rootlist li ul li {
    border-bottom: 0;
    padding: 10px 0;
  }
  header nav .nav-content .rootlist li ul li a {
    color: white !important;
  }
  header nav .nav-content .header-tools {
    margin-right: 112px;
    position: relative;
  }
  header.sticky .navburger .line {
    background-color: black;
  }
  header.sticky .navburger.is-active .line {
    background-color: white;
  }
  header.sticky nav .nav-content .rootlist li {
    border-bottom: 1px solid #333333 !important;
  }
  header.sticky nav .nav-content .rootlist li.active > a {
    color: #f9b707 !important;
    border-bottom: 0 !important;
  }
  header.sticky nav .nav-content .rootlist li ul {
    border-top: 1px solid #333333 !important;
    margin: 18px 0 0 0;
  }
  header.sticky nav .nav-content .rootlist li ul li {
    border-bottom: 0 !important;
  }
  header.sticky nav .nav-content .rootlist li ul li a {
    color: white !important;
  }
  header.sticky nav .nav-content .rootlist li ul li.active > a {
    color: #f9b707 !important;
    border-bottom: 0 !important;
  }
  .navburger {
    display: block;
    width: 80px;
    height: 39px;
  }
  .navburger .lbl-menu {
    position: absolute;
    top: 5px;
    left: 0;
  }
  .navburger .lines {
    width: 30px;
    position: absolute;
    top: 0;
    right: 0;
  }
  .navburger .lines .line {
    width: 30px;
    height: 3px;
    background-color: white;
    display: block;
    margin: 5px auto;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .navburger:hover {
    cursor: pointer;
  }
  .navburger.is-active .lbl-menu {
    display: none;
  }
  .navburger#navburger-1.is-active .line:nth-child(2) {
    opacity: 0;
  }
  .navburger#navburger-1.is-active .line:nth-child(1) {
    -webkit-transform: translateY(11px) rotate(45deg);
    -ms-transform: translateY(11px) rotate(45deg);
    -o-transform: translateY(11px) rotate(45deg);
    transform: translateY(11px) rotate(45deg);
  }
  .navburger#navburger-1.is-active .line:nth-child(3) {
    -webkit-transform: translateY(-5px) rotate(-45deg);
    -ms-transform: translateY(-5px) rotate(-45deg);
    -o-transform: translateY(-5px) rotate(-45deg);
    transform: translateY(-5px) rotate(-45deg);
  }
  .cgv ul,
  .cgv ol {
    margin-left: 17px;
  }
  /* EVENT + PRODUIT PRINCIPAL */
  
  .event .panel-text,
  .produit-principal .panel-text {
    width: 100%;
    padding-right: 0;
    margin-bottom: 30px;
  }
  .event .panel-gallery,
  .produit-principal .panel-gallery {
    width: 100%;
  }
  .event .panel-gallery .gallery .popup-content,
  .produit-principal .panel-gallery .gallery .popup-content {
    width: 100% !important;
    margin: 0 !important;
    transform: translate(-50%, -50%);
  }
  /* PRODUITS SECONDAIRES */
  
  .produits-secondaires {
    padding: 0 !important;
  }
  .produits-secondaires .panel-produit {
    min-height: 395px;
  }
  .produits-secondaires .panel-produit .panel-title {
    line-height: 15px;
  }
  .produits-secondaires .panel-produit .block-img {
    width: 90%;
    height: 120px;
  }
  .produits-secondaires .panel-produit .panel-produit-link {
    background-position: 50% 35%;
  }
  .produits-secondaires .panel-produit .price strong {
    font-size: 20px;
  }
  /* THEMATIQUES */
  
  .thematiques {
    padding: 0 !important;
  }
  .thematiques .panel-thematique figure div {
    height: 300px;
  }
  .thematiques .panel-thematique figure span {
    font-size: 16px;
    height: 50px;
    bottom: 10px;
  }
  /* OFFRES POPULAIRES */
  
  .offres-populaires .panel-text {
    float: none !important;
    width: 100%;
    margin-left: 0;
    padding-right: 0;
    padding-bottom: 40px;
  }
  .offres-populaires .panel-carousel {
    float: none !important;
    width: 100%;
    margin-right: 0;
  }
  .offres-populaires .panel-carousel .carousel .slick-list {
    padding: 10px 0;
  }
  .offres-populaires .panel-carousel .carousel .slick-prev {
    left: 0 !important;
    top: -20px;
  }
  .offres-populaires .panel-carousel .carousel .slick-next {
    right: 0 !important;
    left: auto;
    top: -20px;
  }
  .profil .enfant-container .enfant div {
    display: block;
    margin: 5px 0;
  }
  .profil .enfant-container .enfant div span {
    margin-top: 0;
    font-size: 12px;
  }
  .profil .checkbox {
    width: 100%;
    float: none;
  }
  .messagerie .convers-item div {
    display: block;
    margin: 5px 0 10px 0;
  }
  .messagerie .convers-item div span {
    margin-top: 0;
    font-size: 12px;
  }
  .messagerie .msg {
    width: 100%;
  }
  .notifications .list .list-item div {
    display: block;
    width: 100% !important;
  }
  .notifications .list .list-item div:last-child {
    text-align: left;
  }
  .notifications .list .list-item div span {
    margin-top: 5px;
  }
  .notifications .list .list-item div button {
    margin-top: 15px;
  }
  .historique .list .list-item div {
    display: block;
    width: 100% !important;
    margin: 5px 0 10px 0;
  }
  .historique .list .list-item div span {
    margin-top: 0;
    font-size: 12px;
  }
  .espaces-ce .left-side {
    float: none;
    width: 100%;
    margin-bottom: 40px;
  }
  .espaces-ce .right-side {
    float: none;
    width: 100%;
    margin-bottom: 40px;
  }
  .espaces-ce .right-side .puce-legende {
    width: 75%;
    margin: 0 auto;
  }
  .espaces-ce .espacesce-title-resa {
    margin-top: 30px;
  }
  /* RESTAURANTS */
  
  .list-menu .panel-menu {
    width: 100%;
    float: none;
  }
  .list-menu .panel-menu.disabled .today {
    display: none;
  }
}
/* ----------------------------------------------------------------------------
   Mobile 
---------------------------------------------------------------------------- */

@media screen and (max-width: 640px) {
  .slick-list {
    padding: 8px 0;
  }
  section {
    padding: 20px 20px;
  }
  .container,
  .inner {
    width: 100%;
  }
  .content-extranet:not(.no-banner) h1 {
    padding: 15px 15px;
    position: relative;
    transform: none;
    left: 10px;
    top: 8px;
    /*width: auto;
          top: 50%;
          left: 50%;
          transform: translate(-50%,-50%);*/
  
  }
  .content-extranet .container-main,
  .content-extranet .container-main-full {
    float: none;
    width: 100%;
    padding: 100px 20px 40px 20px;
  }
  .content-extranet .banner {
    width: 100%;
    height: 80px !important;
  }
  .content-extranet .menu-left-extranet {
    width: 100%;
    height: auto !important;
    float: none;
    position: relative;
    top: 80px !important;
    padding: 10px 20px 5px 20px;
  }
  .content-extranet .menu-left-extranet div {
    min-height: initial !important;
  }
  .content-extranet .menu-left-extranet h3 {
    margin-bottom: 10px;
  }
  .modal {
    height: calc(100vh - 50px);
  }
  .modal .content-modal {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    height: calc(100vh - 100px);
    padding: 0;
  }
  .modal .content-modal form {
    margin: 10px;
    height: 100%;
    padding-bottom: 80px;
  }
  .modal .content-modal .date-picker-wrapper {
    padding: 5px 0;
    left: 4px;
  }
  .modal .content-modal.product-activite-modal .content-left,
  .modal .content-modal.product-billetterie-modal .content-left,
  .modal .content-modal.product-abonnement-modal .content-left,
  .modal .content-modal.product-activite-modal .content-right,
  .modal .content-modal.product-billetterie-modal .content-right,
  .modal .content-modal.product-abonnement-modal .content-right {
    float: none;
    width: 100%;
    height: auto;
    margin: 0;
  }
  .modal .content-modal .close {
    top: 10px;
    right: 14px;
  }
  .confirm .content-confirm {
    width: 90%;
  }
  .group-filter {
    float: none !important;
    width: 100%;
    margin-bottom: 20px;
    background: white;
    padding: 10px 10px;
    text-align: left !important;
  }
  .group-filter .filter-by {
    display: block;
  }
  .group-filter .filter-by p {
    display: block;
  }
  .group-filter .filter-by .filter-list {
    display: block;
  }
  .group-filter .filter-by .filter-list li {
    display: block;
    margin: 0;
  }
  .group-filter .filter-by .filter-list li span {
    display: block;
  }
  .group-filter .filter-by .filter-list li p {
    background-position: calc(100% - 8px) 8px !important;
  }
  .group-filter .filter-by .filter-list li .filter-choice {
    left: 0;
  }
  .group-filter .filter-by .filter-list li .filter-date {
    left: auto;
    width: 100%;
    right: 0;
  }
  .group-filter .filter-by .filter-list li .filter-category {
    width: 100%;
  }
  .group-filter .filter-by .filter-list li .filter-category .checkbox {
    float: none;
    width: 100%;
  }
  .group-filter .filter-by .filter-list .date-picker-wrapper {
    left: -16px;
  }
  .global-layout.container {
    width: 100%;
    padding: 20px 15px 0 15px;
  }
  .global-layout.container .alert {
    width: 100%;
  }
  .global-layout.container .login-modal,
  .global-layout.container .email-pswd-modal,
  .global-layout.container .forgot-pswd-modal,
  .global-layout.container .error-modal {
    width: 100%;
    margin-bottom: 20px;
  }
  .inscription .mark {
    width: 100%;
    min-height: 0;
  }
  .inscription .mark:after {
    display: none;
  }
  .inscription:not(.no-banner) .banner {
    height: 100px;
  }
  .inscription:not(.no-banner) h1 {
    left: 50%;
    padding: 5px 10px;
    transform: translate(-50%, -50%);
  }
  .inscription .form-section {
    width: auto;
    padding-top: 90px;
  }
  .inscription .content-side {
    padding: 0 10px;
  }
  .inscription .side.left-side {
    display: none;
  }
  .inscription .side.right-side {
    float: none;
    width: auto;
    padding: 10px;
  }
  .inscription .side.right-side .checkbox-list .checkbox {
    float: none;
    width: auto;
    margin-right: 0 !important;
  }
  .inscription .side.right-side .form-group input,
  .inscription .side.right-side .form-group md-input-container.full-width,
  .inscription .side.right-side .form-group textarea {
    width: 100% !important;
  }
  .inscription .side.right-side .form-group input.input-phone,
  .inscription .side.right-side .form-group md-input-container.full-width.input-phone,
  .inscription .side.right-side .form-group textarea.input-phone {
    text-align: left !important;
  }
  .inscription .side.right-side .form-group input.input-amount,
  .inscription .side.right-side .form-group md-input-container.full-width.input-amount,
  .inscription .side.right-side .form-group textarea.input-amount {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAhklEQVQYlV3QURGDQAwE0MfMGagFLGABLFQClVAsYKEWkAASyv+5wEJ/cp0MO5OPS3aT3etqrRLeUY94f/AqibBjxIETPWb0jTQHYcWShDOOrtY6xpY7ntigxP0TQ3i4grQ1donhkNYL0R9dpBvwDdPTLe1VknKN5p7OjzjyFyzhpyXV0v4A2kYhkaaE/IwAAAAASUVORK5CYII=') no-repeat calc(100% - 10px) center transparent !important;
  }
  .inscription .side.right-side .form-button * {
    margin-bottom: 20px;
    display: block;
    text-align: center;
    margin-left: 0 !important;
  }
  .inscription .side.right-side .group-button md-radio-button {
    width: auto !important;
    padding: 0 10px;
  }
  main .content {
    float: none;
    width: 100%;
  }
  main .content header {
    width: 100%;
  }
  main .content header .logo {
    width: 80px;
    height: 75px;
    background-size: cover;
  }
  main .content header .separator {
    top: 10px;
    margin: 0 0 0 3px;
  }
  main .content header .header-tools .link-connexion {
    display: none !important;
  }
  main .content header .header-tools .search {
    width: 90px;
    margin: 13px 0 15px 5px;
    padding: 0 5px 0 20px;
    background: white url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABSklEQVQ4jZ3SsWpVQRDG8V8uuWIKQbBUrDQ76fQ+hYKkTGOndTSdN1hpo0UUfADRXiFV8AlUbKyn0RQBO8VKMIprcVY4nHND1A+WLWbnP9/MzlKtFUTECjZxHWuYYB8vsJOZXyzQUq1VRJzDK1zAM7zFD8xwE99xLTPfjwCllBW8w0lcycyP/QcRcQa7WMUsMz/145Nm+yKuDpMhMz9jvTm6P4xPWs/PM/PDoh4b5CseYyMipkPAGt4cldzTa5zC+SFg0uwdp1/tXh4C9nXTPk6XWqGDIeAlbrRpL1REnMAt7GXmtyFgB4fYjYjTRyQ/RcHdYfzPIs10i3SIR7qh/sRl3EZgiq3MfDICtEpncQ8bumlrPe+1yut4gO3MfDgC9CxPdV+1jIN+zxExH0Fqrf90SinzUkotpcxrrWMHf6Oek/l/ARrkDrZ/A07inGZIMEF6AAAAAElFTkSuQmCC') 0 50% no-repeat;
  }
  main .content header .header-tools .autocomplete-search {
    top: 55px;
  }
  main .content header.sticky .logo {
    width: 63px;
    height: 33px;
    background-size: initial;
  }
  main .content .pagesce-inner {
    width: 100%;
  }
  main .content .bg-home .bg-home-search {
    width: 90%;
  }
  main .content .bg-home .bg-home-search h1 {
    width: 100%;
    font-size: 27px;
    line-height: 35px;
  }
  main .content .bg-home .bg-home-search input.search {
    width: 100%;
  }
  main .content .bg-home .bg-home-search .search-result {
    width: 100%;
  }
  main .content .bg-home .scrolltosection {
    bottom: 60px;
    left: 44%;
  }
  main .content .event .block-img {
    height: 200px;
  }
  main .content .produit-principal .panel-gallery .gallery {
    width: 100%;
    height: 200px;
    /*.gallery-right {
                              width: 100%;
  
                              .thumb .thumb-link {
                                  width: 100%;
                                  height: 98px;
                              }
                          }*/
  
  }
  main .content .produit-principal .panel-gallery .gallery .gallery-left,
  main .content .produit-principal .panel-gallery .gallery .gallery-full {
    width: 100%;
    height: 200px;
  }
  main .content .produit-principal .panel-gallery .gallery .gallery-left .thumb .thumb-link,
  main .content .produit-principal .panel-gallery .gallery .gallery-full .thumb .thumb-link {
    width: 100%;
    height: 200px;
  }
  main .content .produit-principal .panel-gallery .gallery .gallery-left .thumb .thumb-link .icon-plus,
  main .content .produit-principal .panel-gallery .gallery .gallery-full .thumb .thumb-link .icon-plus {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 36px;
    height: 36px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAET0lEQVRYhc2YTWwbVRDHf/tRp7UhslNaLoEqaQThQ6ojqKrikkqkJcXQK0ggkFArLqRwyCXiEvsCOYIohyKgIG7cY0BpKIS4UaVCnApaghJXlF7aRI1jagO2d5fD88e+9Tpep47E/7SamTfz352382aeYk3SKnqAYeAQ8AiwB7i3rPsL+AO4CswC3wLXWnGueCSkAS8CI8BBQPHo3wLmgNPAV4DhnVDUcrdIKEeAD4F+jyQa4TfgFFHrnEuM6qPacHlC2U5COQNMtYEMZR9TJJQzJJTtjYz0BmR2AZPAfld9aB/sfg26IuDvg22dQl7MQn4J1ubg5uewtuC2+g1ggITyPFFrxamsT5kg8yPwcJ2r7hOw9x0I9DZ6QRm5NCy/Czc+ddMuAk8TtVbsKZMJJRQ/8B1wQFq6AxiYh2DYGxEnMimYH4C/6zQXgWeAfEXg3EMf1JHp2g+R25snA2Jt5LZItYwD5ZhV2H/7I4gNXMN9h+HJKVC3bZ6MHWYRLj0Lq987NUeBc3ZCKvALotAJ+IFDd0APtIdMBaU8zAZsSQJESXgcMCope0kiAxCebz8ZAN0vfMvoRxTe6h56U1J3n7i7PdMMwTB0n3RKR0CkrAdYxn4cHF72/mtvFrk0/LDXLrGAPhU4JpHpCm89GRAxuqQsKMCwCkQkw12vtuTXsizi8TgdHR3E43Esq8GZ6Ib6WBEVeEwShSJOow2hKAqZTIZCoUAmk0FRvDYCQOigU/KoCjwgiQJ9nv2ZpkmpVELTNAA0TaNUKmGapjcHgYeckj06teZKoHJQNkEsFiObzWIYBjMzMwBMT08zOjqKpml0dnYSi8U2dlIf6x7FmuRfwFcVHSt4qsxeUtN0P5lF+MZnlxR0RNu5syoqZqFjJ80wPj4ufaFUKkU4HGZwcLD6hZqimHVK7ujAnxKh3JInQrFYDNM0MU2TsbExUqkUQ0NDTExMoKoqqtq496vF+t0pua4CVyRRZq65ozJUVUXXdQxDtMqGYaDrujcyIBo5Gb+qiOmghltfeCYEYp8Eg0F8Ph+hUKi1OrTypVOSVKxJeoEl/kdHRxq4IBkvv7e1ZNxjzAHpSrI/klQ3PoH11NaRWV8QMWSchlqDpiEatNq4EwAiOdG/tBOlPCQDkJOkdQ2aAZySTHLAzy+I4tUumEXhM1eneavMwdbki4nyrGS2eh4uDYu3uluU8sLX6nmn5jNsvbyzYIwgRhOZVDIg8r5ZrC8IH/VkLuLIjEwoauWB44ghroYckAzD5ZOQb+EyI39NrEmG3dK0CBwvx6zC/bIhoewGEsATroFC++D+1yH0FPh7HaN0GtYuwM2zjUZpgJ+AKFHrVjleE0LCaAfwPmIWbyc+Bt4mav1ji+VCqDGOIq5j6mf91rCI2C9TGxl5OQWnEG3uy4hq2sJhBeU1r5R9bEgGvN+g2dEDPIe40usHHgQqzU8WuI4odLPA17R4pfcfrzxlbL6maukAAAAASUVORK5CYII=') 0 0 no-repeat;
  }
  main .content .produits-secondaires .panel-produit {
    width: 100%;
    height: auto;
    min-height: auto;
    padding: 0 20px 0;
  }
  main .content .produits-secondaires .panel-produit .section-title1 {
    margin: 0 0 14px 0;
    padding-top: 20px;
    position: relative;
    z-index: 2;
    border-top: 1px solid #dddddd;
  }
  main .content .produits-secondaires .panel-produit .panel-title {
    height: auto;
    margin: 15px 0 5px 0;
  }
  main .content .produits-secondaires .panel-produit .block-img {
    width: 100%;
    height: 200px;
    margin: 0;
  }
  main .content .produits-secondaires .panel-produit .block-img .src-img {
    background-position: center center;
  }
  main .content .produits-secondaires .panel-produit .price {
    height: auto;
    margin: 0;
    padding-bottom: 20px;
  }
  main .content .produits-secondaires .panel-produit:first-child .section-title1 {
    border-top: 0;
  }
  main .content .thematiques .panel-thematique {
    width: 100%;
  }
  main .content .thematiques .panel-thematique figure div {
    height: 300px;
    border-bottom: 1px solid white;
  }
  main .content .thematiques .panel-thematique figure span {
    font-size: 16px;
    height: auto;
    bottom: 20px;
    left: 20px;
  }
  main .content .offres-populaires {
    padding: 20px 20px;
  }
  main .content .accordion .question-aide .accordion-title {
    font-size: 12px;
  }
  main .content .contact .container-contact {
    padding: 20px;
  }
  main .content .contact .google-map {
    margin-top: 80px;
  }
  main .content .partenaires .grid {
    display: flex;
    flex-wrap: wrap;
    height: auto !important;
    justify-content: space-between;
  }
  main .content .partenaires .grid .gutter-sizer,
  main .content .partenaires .grid .grid-sizer {
    display: none;
  }
  main .content .partenaires .grid .grid-item {
    float: none;
    position: relative !important;
    width: 100%;
    margin: 0 0 6% 0;
    left: auto !important;
    top: auto !important;
    padding: 5%;
  }
  main .content .profil .container-flex {
    display: flex;
    flex-wrap: wrap;
  }
  main .content .profil .container-flex .block-first,
  main .content .profil .container-flex .block-second {
    float: none;
    width: 100%;
    padding: 0;
  }
  main .content .profil .container-flex .block-first .group-button md-radio-button,
  main .content .profil .container-flex .block-second .group-button md-radio-button {
    width: 50% !important;
  }
  main .content .profil .form-group {
    margin-bottom: 15px;
  }
  main .content .profil .form-group.checkbox {
    margin-bottom: 5px;
  }
  main .content .notifications .group-button md-radio-button {
    width: 50% !important;
  }
  main .content .panier .article .infos-text,
  main .content .achats .article .infos-text {
    width: 100%;
    margin-top: 10px;
  }
  main .content .panier .article .infos-text .statut,
  main .content .achats .article .infos-text .statut {
    width: 72%;
    line-height: 15px;
    font-size: 11px !important;
    text-align: left;
    vertical-align: middle;
  }
  main .content .panier .article .price,
  main .content .achats .article .price {
    padding-left: 0;
    padding-bottom: 0;
  }
  main .content .panier .article .price table th:nth-child(1),
  main .content .achats .article .price table th:nth-child(1) {
    width: 25%;
  }
  main .content .panier .article .price table th:nth-child(2),
  main .content .achats .article .price table th:nth-child(2) {
    width: 25%;
  }
  main .content .panier .article .price table th:nth-child(3),
  main .content .achats .article .price table th:nth-child(3) {
    width: 50%;
  }
  main .content .panier .article .price table td span,
  main .content .achats .article .price table td span {
    font-size: 12px;
  }
  main .content .panier .article .price input[type=button],
  main .content .achats .article .price input[type=button] {
    position: relative;
    bottom: 0;
    z-index: 2;
    left: 0;
    top: 0;
    right: 0;
    display: block;
    margin-top: 15px;
  }
  main .content .panier .article .price .total-price,
  main .content .achats .article .price .total-price {
    position: relative;
    bottom: 0;
    display: block;
    width: 100%;
    margin-top: 15px;
  }
  main .content .panier .total-panier,
  main .content .achats .total-panier {
    padding: 5px 15px 10px 15px;
    float: none;
  }
  main .content .panier .total-panier p,
  main .content .achats .total-panier p {
    line-height: 30px;
  }
  main .content .actualites .fixed-navigation,
  main .content .boutique .fixed-navigation {
    position: relative;
    width: 100%;
    top: 0 !important;
  }
  main .content .actualites .filters,
  main .content .boutique .filters {
    float: none;
    background: white;
    padding: 10px;
    margin: 0 0 20px 0;
    text-align: left;
  }
  main .content .actualites .filters p,
  main .content .boutique .filters p {
    float: none;
    width: 100%;
    font-weight: 900;
  }
  main .content .actualites .filters .filter-item,
  main .content .boutique .filters .filter-item {
    display: block;
    width: 100%;
    margin: 10px 0 0 0;
  }
  main .content .actualites .filters .filter-item span,
  main .content .boutique .filters .filter-item span {
    font-weight: 900;
    text-transform: uppercase;
  }
  main .content .actualites .filters .filter-item .filter-option,
  main .content .boutique .filters .filter-item .filter-option {
    width: 100%;
    left: auto;
    right: 0;
  }
  main .content .actualites .display-navigation,
  main .content .boutique .display-navigation {
    padding-top: 0;
  }
  main .content .actualites .tab-content-gallery,
  main .content .boutique .tab-content-gallery {
    min-height: 300px;
  }
  main .content .actualites h3,
  main .content .boutique h3,
  main .content .actualites .tab-content-title,
  main .content .boutique .tab-content-title {
    font-size: 23px;
  }
  main .content .actualites .link-see-more,
  main .content .boutique .link-see-more,
  main .content .actualites .link-see-less,
  main .content .boutique .link-see-less {
    float: none;
    top: 0;
    width: 100%;
    text-align: right;
  }
  main .content .actualites .box-produit,
  main .content .boutique .box-produit {
    float: none;
    width: 100%;
    min-height: initial;
  }
  main .content .boutique .france-billet-link {
    float: none;
    margin-top: 10px;
    position: relative;
    top: 0;
  }
  main .content .boutique .france-billet-link2 {
    float: none;
    margin-top: 10px;
    position: relative;
    top: 0;
  }
  main .content .product .container-product {
    padding: 20px;
  }
  main .content .product .container-product .side {
    float: none;
  }
  main .content .product .container-product .side.left-side {
    width: 100%;
    padding-right: 0;
  }
  main .content .product .container-product .side.right-side {
    width: 100%;
    margin-top: 30px;
  }
  main .content .search-result .container-main-full {
    padding: 20px 20px 40px 20px !important;
  }
  main .content .search-result h1 {
    margin: 0 0 20px;
    font-size: 20px;
    line-height: 30px;
  }
  main .content .search-result .container-svelt {
    padding: 10px 10px !important;
  }
  main .content .search-result .box-produit {
    float: none;
    width: 100%;
  }
  main .content .restaurants h2,
  main .content .espaces-ce h2 {
    font-size: 18px;
  }
  main .content .restaurants .left-side,
  main .content .espaces-ce .left-side,
  main .content .restaurants .right-side,
  main .content .espaces-ce .right-side {
    float: none;
    width: 100%;
    padding: 0;
  }
  main .content .restaurants .date-picker-wrapper,
  main .content .espaces-ce .date-picker-wrapper {
    width: 100%;
  }
  main .content .restaurants .date-picker-wrapper .month-wrapper,
  main .content .espaces-ce .date-picker-wrapper .month-wrapper {
    width: 100% !important;
  }
  main .content .restaurants .puce-legende,
  main .content .espaces-ce .puce-legende {
    width: 100%;
  }
  main .content .form-demande-badge h1 {
    font-size: 20px;
    line-height: 30px;
  }
  main .content .form-demande-badge .content-form {
    width: 100%;
  }
  main .content .form-demande-badge .content-form .mark {
    width: 100%;
  }
  main .content .form-demande-badge .content-form .mark input,
  main .content .form-demande-badge .content-form .mark md-select {
    width: 100%;
  }
  main .content .reservation .container-reservation {
    padding: 20px;
  }
  main .content .reservation .container-reservation .container-section {
    max-width: 100%;
    padding: 20px;
  }
  main .content .reservation .container-reservation .container-section calendar .date-picker-wrapper {
    width: 100%;
  }
  main .content .reservation .container-reservation .container-section calendar .date-picker-wrapper .day {
    height: 40px;
    line-height: 40px !important;
  }
  main .content .reservation .container-reservation .container-section .date-picker-reservation .date-picker-wrapper {
    left: 25px;
    width: 77%;
  }
  main .content .reservation .container-reservation .container-section .date-picker-reservation .date-picker-wrapper .month-wrapper table td {
    width: 14.285714286% !important;
    border-left: 1px solid #f3f4f6 !important;
    border-top: 1px solid #f3f4f6 !important;
  }
  main .content .reservation .container-reservation .container-section .date-picker-reservation .date-picker-wrapper .month-wrapper table td:last-child {
    border-right: 1px solid #f3f4f6;
  }
  main .content .reservation .container-reservation .container-section .date-picker-reservation .date-picker-wrapper .day {
    width: 100%;
    padding: 12px 8px !important;
  }
  main .content .reservation .container-reservation .container-section .date-picker {
    padding: 10px 10px 10px 39px !important;
  }
  main .content .espaces-ce .banner {
    height: 275px !important;
  }
  main .content .espaces-ce .banner .search-block {
    position: relative;
    left: 0 !important;
    top: 15px !important;
    width: 100%;
    height: auto;
    transform: translate(0, 0);
    background: transparent;
    border-radius: 0;
    border: 0;
  }
  main .content .espaces-ce .banner .search-block .filter {
    width: 94%;
    display: block;
    margin: 0 auto;
    background: white;
    margin-bottom: 5px;
    border: 1px solid #d8d8d8;
  }
  main .content .espaces-ce .banner .search-block .filter .md-select-value .md-select-icon {
    margin: 10px 15px 0 15px;
  }
  main .content .espaces-ce .banner .search-block .search-input {
    width: 94%;
    display: block;
    margin: 0 auto;
    background: white;
    border: 1px solid #d8d8d8;
  }
  main .content .espaces-ce .container-main-full {
    padding: 290px 20px 40px 20px !important;
  }
  main .content .espaces-ce .date-picker-wrapper {
    left: 0;
    width: 98%;
  }
  main .content .espaces-ce .date-picker-wrapper .month-wrapper table td {
    width: 14.285714286% !important;
    border-left: 1px solid #f3f4f6 !important;
    border-top: 1px solid #f3f4f6 !important;
  }
  main .content .espaces-ce .date-picker-wrapper .month-wrapper table td:last-child {
    border-right: 1px solid #f3f4f6;
  }
  main .content .espaces-ce .date-picker-wrapper .day {
    width: 100%;
    height: 40px;
    line-height: 40px !important;
  }
  main .content .espaces-ce .date-picker {
    padding: 10px 10px 10px 39px !important;
  }
  main aside {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    height: 50px !important;
    display: flex;
    justify-content: space-between;
    background: #eeeeee;
  }
  main aside .box-icons {
    width: auto;
    height: 50px;
    padding: 0 10px;
    border-bottom: 0;
  }
  main aside .box-icons li:first-child {
    display: none;
  }
  main aside .box-intro-notifs {
    padding: 0;
  }
  main aside .box-intro-notifs h2,
  main aside .box-intro-notifs p {
    display: none;
  }
  main aside .box-intro-notifs .title-notifs {
    width: 73px;
    padding-top: 4px;
    text-align: center;
  }
  main aside .box-notifs,
  main aside .box-lastbuy {
    display: none;
  }
  main aside .logout {
    position: relative;
    width: 50px;
    height: 50px;
  }
  main aside .logout a {
    background-position: center center;
    padding: 0;
    height: 50px;
    width: 50px;
    text-indent: -5000px;
  }
  main footer {
    padding: 36px 15px 110px 15px;
  }
  main .scrolltop {
    bottom: 59px;
    right: 11px;
  }
  main .box-connexion-mobile {
    background-color: #f9b707 !important;
    width: 100%;
    height: 50px;
    position: fixed;
    bottom: 0;
    left: 0;
    padding: 0;
    margin: 0;
    z-index: 9;
    text-align: center;
  }
  main .box-connexion-mobile .link-connexion-mobile {
    display: inline-block;
    height: 50px;
    color: white;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAABDCAYAAABk4t61AAADb0lEQVRoge3ZW6hWVRAH8N85HlLByC6CPXSVyCVFkolFIFIRFXSPgnro+lCRIEgQFFhBCRFS1ItRYBfNh7I7GERI0Y2CosAdRSQG9iCVqGQ3+/ew9rHj5/nwC08GsQeGvddas+e/9qyZeVj/oSRGpZQyC9fjKhyL39BgHZ7ADgNI0zSDmBlKopQyhHuwDJ/ieWzEJMzHje371Xh/osCH2+eDuBu3NE0zHyuwHm/gXpyMl/AW5g3keQAZKaUswF24rmmaNX3sfsFiHIbVOAV/HCj40OzZs9diZtM0i9rwX4ET8Aq+7rGfge/wA37fj+9pGBlnPvgYt43gXNzXLjyCm/EN7ldDPPYAt+J8nDhmbrcBExE7MVnNrxdGcBQ2t4uXq0m3AltwXg84vNNqX9lfwpVSpmHtCLap4YSP1LM9HTPxyTjfnqYeSz/5tZSyHnPUSoHtTdOsK6WcoUZzCTaM4D1cjKfUklqqhvUifNDj+Ah8qCbb7jHz29rnITgax+EBNXLbcXQp5XA8hFPVKrpzBCvxaillYdM07+C+Ukq/v1qOnzALu8ZZn6v2idESfkHNo0/b8TBWN02zBIabpnkNa/FiKeXsPqCT1AS8BTf1AaZ2RPgWl9q7Ig7tNR4thRvwJN4tpaxpd/wVpmIBblXP+Wq1+fSTjTgLU9rxFzimfX9TbdmfjRoP9fT2C3AHzmmBYZPa3R5WK2C/MjbbSymT1Vz6vdX3mqb5Zh/wgy3D+zfpwDvwDrwD78A78A68A+/AO/AOvAPvwDvwDrwD78A78P8j+Cz1mnOjejf+o3oxvNQ415cHKqOXgBNK8AwsSSRZnuSXJDe0416dkuSxJD8nmdfH5h+rJAtS5doBPngmyZdJRiYCfCjJWpVVWNSG/6ARPENJtqoEz+N41N8Ez0n2JXhgoYkheKZoQ35JG4rNSZYmGUryfZLFE3W+PXpNkvwrBI9KCOxF8Kh87F4EjySvJ3m53dG0JMuSPJ3kwnF2fESSXUl2JNk2Rje1uqWN5LGtz51j5qYneTvJ1iSrksyQ5OJ2ceEA4VrZOpvaZ31u6+v4FnzVmLnpSTYkeWTUfhh7CB4cVIJndMeTkzyb5M8kzyW5LMmc1IZye5LP21BfOUB0zkyyqNUjx/z5xvYY9vx5L8cyIQRPj+xD8Kil/N/KXzWLMHzGMRE9AAAAAElFTkSuQmCC') 0 -35px no-repeat;
    font-weight: 500;
    font-size: 12px;
    text-decoration: none;
    padding: 14px 0 0 44px;
  }
  .container-loader {
    display: none !important;
  }
}