* {
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */ }

BODY {
  position: absolute;
  margin: 0px;
  padding: 0px;
  left: 0px;
  font-family: 'muli_regular';
  color: #888888;
  font-size: 12px;
  line-height: 20px;
  width: 100%;
  min-width: 300px;
  background-color: #FFF;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear; }

BODY.push {
  left: -320px;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  overflow: hidden; }

/* POLICE */
@font-face {
  font-family: 'muli_regular';
  src: url("polices/muli-regular.eot");
  src: url("polices/muli-regular.eot?#iefix") format("embedded-opentype"), url("polices/muli-regular.woff") format("woff"), url("polices/muli-regular.ttf") format("truetype"), url("polices/muli-regular.svg#muliregular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'expressway_regular';
  src: url("polices/expressway_rg.eot");
  src: url("polices/expressway_rg.eot?#iefix") format("embedded-opentype"), url("polices/expressway_rg.woff") format("woff"), url("polices/expressway_rg.ttf") format("truetype"), url("polices/expressway_rg.svg#expressway_rgregular") format("svg");
  font-weight: normal;
  font-style: normal; }

/* ICONE */
@font-face {
  font-family: "yapan";
  src: url("icone/yapan.eot");
  src: url("icone/yapan.eot?#iefix") format("embedded-opentype"), url("icone/yapan.woff") format("woff"), url("icone/yapan.ttf") format("truetype"), url("icone/yapan.svg#yapan") format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "yapan" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-panier:before {
  content: "b"; }

.icon-tel:before {
  content: "c"; }

.icon-up-open:before {
  content: "d"; }

.icon-up-open-big:before {
  content: "e"; }

.icon-up-open-mini:before {
  content: "f"; }

.icon-right-open-big:before {
  content: "g"; }

.icon-right-open:before {
  content: "h"; }

.icon-right-open-mini:before {
  content: "i"; }

.icon-left-open:before {
  content: "j"; }

.icon-left-open-mini:before {
  content: "k"; }

.icon-left-open-big:before {
  content: "l"; }

.icon-down-open:before {
  content: "m"; }

.icon-down-open-big:before {
  content: "n"; }

.icon-down-open-mini:before {
  content: "o"; }

.icon-menu:before {
  content: "p"; }

.icon-user:before {
  content: "q"; }

.icon-pencil:before {
  content: "r"; }

.icon-home:before {
  content: "s"; }

.icon-plus:before {
  content: "t"; }

.icon-moins:before {
  content: "u"; }

.icon-clock:before {
  content: "v"; }

.icon-plus-1:before {
  content: "w"; }

.icon-supprimer:before {
  content: "a"; }

.icon-facebook:before {
  content: "y"; }

.icon-instagram:before {
  content: "z"; }

.icon-logo:before {
  content: "x"; }

/* GENERIQUE */
FORM {
  margin: 0px;
  padding: 0px; }

IMG {
  display: block;
  border: 0px; }

H1, H2, H3 {
  margin: 0px;
  padding: 0px;
  padding: 15px 0px;
  font-family: "expressway_regular";
  font-size: 28px;
  line-height: 35px;
  color: #aa4242;
  text-align: center;
  text-transform: uppercase; }

UL {
  margin: 0px;
  padding: 0px;
  list-style: none; }

a {
  text-decoration: none;
  -webkit-transition: all 0.4s linear;
  -o-transition: all 0.4s linear;
  transition: all 0.4s linear;
  cursor: pointer; }

a:hover {
  text-decoration: none; }

a.ancre {
  position: absolute;
  margin-top: -60px;
  display: block;
  height: 0px;
  line-height: 0px;
  font-size: 0px; }

INPUT, TEXTAREA {
  -webkit-appearance: none;
  border-radius: 0; }

input[type=checkbox] {
  -webkit-appearance: checkbox; }

input[type=radio] {
  -webkit-appearance: radio; }

INPUT:focus, TEXTAREA:focus, SELECT:focus {
  outline: 0px; }

INPUT.input,
SELECT.select,
TEXTAREA.textarea {
  border: 0px;
  padding: 0px;
  width: 100%; }

TEXTAREA {
  resize: vertical; }

.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
  width: 100% !important; }

.bloc_clear {
  display: block;
  clear: both;
  height: 0px;
  line-height: 0px;
  font-size: 0px; }

#loading_cache {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.85);
  z-index: 15; }

/* ROW + COLS */
.row {
  display: block;
  clear: both; }

.row_center {
  position: relative;
  display: block;
  clear: both;
  max-width: 1400px;
  min-width: 300px;
  margin: auto; }

.row_padding_1 {
  padding: 0px 45px; }

.row_padding_2 {
  padding: 0px 50px; }

.col_padding {
  padding: 0px 5px; }

.col_1 {
  display: inline-block;
  vertical-align: top;
  width: 8.3333333333%; }

.col_2 {
  display: inline-block;
  vertical-align: top;
  width: 16.66666667%; }

.col_3 {
  display: inline-block;
  vertical-align: top;
  width: 25%; }

.col_4 {
  display: inline-block;
  vertical-align: top;
  width: 33.3333333333%; }

.col_5 {
  display: inline-block;
  vertical-align: top;
  width: 41.66666667%; }

.col_6 {
  display: inline-block;
  vertical-align: top;
  width: 50%; }

.col_7 {
  display: inline-block;
  vertical-align: top;
  width: 58.3333333333%; }

.col_8 {
  display: inline-block;
  vertical-align: top;
  width: 66.66666667%; }

.col_9 {
  display: inline-block;
  vertical-align: top;
  width: 75%; }

.col_10 {
  display: inline-block;
  vertical-align: top;
  width: 83.3333333333%; }

.col_11 {
  display: inline-block;
  vertical-align: top;
  width: 91.66666667%; }

.col_12 {
  display: inline-block;
  vertical-align: top;
  width: 100%; }

/* -- */
.desktop {
  display: block; }

.mobile {
  display: none; }

/* HEADER */
#header {
  position: relative;
  height: 78px;
  background-color: #FFF;
  z-index: 11;
  padding: 0px 30px;
  /*
	.head_left .telephone .icon-tel {
		display:inline-block;
		vertical-align:top;

		width:36px;
		height:36px;
		line-height:33px;
		margin-right:10px;
		margin-top:21px;

		font-size:22px;
		text-align:center;

		border:2px solid #FFF;
		border-radius:36px;
	}

	.head_left .telephone .numero {
		display:inline-block;
		vertical-align:top;

		height:48px;
		margin-top:15px;

		font-family:$font_2;
		font-size:16px;

		DIV {
			line-height:24px;
			height:24px;
		}
	}
	*/ }
  #header .head_left .logo {
    display: inline-block;
    vertical-align: middle;
    color: #FFF;
    width: 240px; }
  #header .head_left .logo .blason {
    display: inline-block;
    vertical-align: top;
    width: 78px;
    height: 78px;
    margin-right: 10px;
    background-image: url(images/blason.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain; }
  #header .head_left .logo .icon-logo {
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    height: 78px;
    line-height: 90px;
    font-size: 150px;
    color: #000; }
  #header .head_left .telephone {
    display: inline-block;
    vertical-align: middle;
    height: 78px;
    line-height: 78px;
    color: #000;
    width: calc(100% - 240px);
    text-align: right; }
    #header .head_left .telephone .telephone_ville {
      display: inline-block;
      text-align: center; }
      #header .head_left .telephone .telephone_ville + .telephone_ville {
        margin-left: 75px; }
      #header .head_left .telephone .telephone_ville .nom {
        display: block;
        margin-top: 14px;
        height: 26px;
        line-height: 26px;
        font-family: "expressway_regular";
        font-size: 20px;
        text-align: center;
        text-transform: uppercase; }
      #header .head_left .telephone .telephone_ville .numero {
        display: block;
        height: 38px;
        line-height: 38px; }
        #header .head_left .telephone .telephone_ville .numero SPAN {
          display: inline-block;
          vertical-align: top;
          height: 24px;
          line-height: 24px;
          font-size: 20px; }
          #header .head_left .telephone .telephone_ville .numero SPAN.icon-tel {
            width: 24px;
            line-height: 20px;
            margin-right: 4px;
            border: 2px solid #000;
            border-radius: 24px;
            text-align: center;
            font-size: 16px; }
  #header .head_right {
    position: absolute;
    right: 30px; }
  #header .head_right .bouton {
    display: inline-block;
    vertical-align: top;
    width: 78px;
    height: 78px;
    margin-left: 2px;
    background-color: #000;
    text-align: center;
    color: #FFF;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    cursor: pointer; }
  #header .head_right .bouton.bt_menu {
    display: none; }
  #header .head_right .bouton .num_panier {
    position: absolute;
    top: 15px;
    right: -8px;
    width: 18px;
    height: 18px;
    border-radius: 9px;
    font-size: 10px;
    font-family: "expressway_regular";
    text-align: center;
    background-color: #aa4242; }
  #header .head_right .bouton span {
    display: block; }
  #header .head_right .bouton .icon {
    height: 52px;
    line-height: 50px;
    font-size: 35px; }
  #header .head_right .bouton .titre {
    font-size: 10px; }

/* MENU */
#menu {
  position: relative;
  height: 42px;
  background-color: #000;
  -webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.3);
  z-index: 11; }
  #menu .left {
    position: absolute;
    left: 30px;
    top: 0px; }
  #menu .left li {
    display: inline-block; }
  #menu .left li a {
    display: block;
    height: 42px;
    line-height: 42px;
    padding: 0px 12px;
    font-size: 14px;
    font-family: "expressway_regular";
    text-transform: uppercase;
    color: #FFF; }
  #menu .left li a:hover {
    color: rgba(255, 255, 255, 0.5); }
  #menu .left li + li {
    border-left: 1px solid rgba(255, 255, 255, 0.4); }
  #menu .right {
    position: absolute;
    right: 30px; }
  #menu .right li {
    display: inline-block; }
  #menu .right li a {
    display: block;
    height: 40px;
    line-height: 40px;
    padding: 0px 10px;
    font-size: 13px;
    font-family: "expressway_regular";
    color: rgba(255, 255, 255, 0.6); }
  #menu .right li a:hover {
    color: #FFF; }

.menu_mobile,
.menu_compte {
  display: none; }

.menu_compte_client {
  height: 50px;
  margin-bottom: 15px;
  border-bottom: 1px solid #525252;
  font-size: 0; }

.menu_compte_client ul li {
  display: inline-block;
  width: 25%; }

.menu_compte_client ul li a {
  display: block;
  height: 50px;
  line-height: 50px;
  font-size: 16px;
  color: #FFF;
  text-align: center; }

.menu_compte_client ul li a.actif,
.menu_compte_client ul li a:hover {
  border-bottom: 1px solid #FFF; }

/* HOME */
#home {
  background-size: cover;
  background-image: url("images/bg_product_list.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  z-index: 1;
  /* IE10 Windows Phone 8 Fixes */ }
  #home .slider-container {
    position: relative; }
  #home .slider {
    height: 800px;
    background-size: cover; }
  #home .pagination {
    position: absolute;
    width: 100%;
    bottom: 30px;
    text-align: center;
    z-index: 2; }
  #home .pagination ul {
    display: inline-block; }
  #home .pagination ul li {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin: 0px 4px;
    bottom: 50px;
    border-radius: 18px;
    background-color: white;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    cursor: pointer; }
  #home .pagination li:hover {
    background-color: rgba(255, 255, 255, 0.9); }
  #home .pagination li.active {
    background-color: #aa4242;
    border: 2px solid #aa4242; }
  #home .slider-container .swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    /* Fix of Webkit flickering */
    z-index: 1; }
  #home .slider-container .swiper-wrapper {
    position: relative;
    width: 100%;
    -webkit-transition-property: -webkit-transform, left, top;
    -webkit-transition-duration: 0s;
    -webkit-transform: translate3d(0px, 0, 0);
    -webkit-transition-timing-function: ease;
    -moz-transition-property: -moz-transform, left, top;
    -moz-transition-duration: 0s;
    -moz-transform: translate3d(0px, 0, 0);
    -moz-transition-timing-function: ease;
    -o-transition-property: -o-transform, left, top;
    -o-transition-duration: 0s;
    -o-transform: translate3d(0px, 0, 0);
    -o-transition-timing-function: ease;
    -o-transform: translate(0px, 0px);
    -ms-transition-property: -ms-transform, left, top;
    -ms-transition-duration: 0s;
    -ms-transform: translate3d(0px, 0, 0);
    -ms-transition-timing-function: ease;
    -webkit-transition-property: left, top, -webkit-transform;
    transition-property: left, top, -webkit-transform;
    -o-transition-property: transform, left, top;
    transition-property: transform, left, top;
    transition-property: transform, left, top, -webkit-transform;
    transition-duration: 0s;
    transform: translate3d(0px, 0, 0);
    transition-timing-function: ease; }
  #home .slider-container .swiper-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto; }
  #home .slider-container .swiper-slide {
    float: left; }
  #home .slider-container .swiper-wp8-horizontal {
    -ms-touch-action: pan-y; }
  #home .slider-container .swiper-wp8-vertical {
    -ms-touch-action: pan-x; }
  #home .commande {
    position: absolute;
    width: 300px;
    top: 40%;
    right: 20px;
    padding: 10px;
    font-size: 0;
    text-align: center;
    z-index: 2; }
  #home .commande .titre {
    font-size: 18px;
    color: #FFF;
    text-transform: uppercase;
    margin-top: 5px;
    margin-bottom: 15px; }
  #home .commande .bouton a {
    display: block;
    padding: 10px 15px;
    font-size: 16px;
    line-height: 20px;
    text-transform: uppercase;
    color: #FFF;
    border: 2px solid #FFF;
    background-color: rgba(0, 0, 0, 0.9); }
  #home .commande .bouton .case_bouton + .case_bouton {
    margin-top: 10px; }

/* FORMULAIRE */
.formulaire {
  display: block;
  font-size: 0; }
  .formulaire .form_info {
    color: #FFF;
    font-size: 12px;
    margin-bottom: 7px; }
  .formulaire .case_form {
    display: block;
    margin-bottom: 15px; }
  .formulaire .case_form .titre {
    display: inline-block;
    vertical-align: top;
    width: 25%;
    padding-right: 15px;
    font-size: 14px;
    line-height: 24px;
    text-align: left;
    color: #000; }
  .formulaire .case_form LABEL.titre {
    width: auto; }
  .formulaire .case_form LABEL.titre A {
    color: #888888; }
  .formulaire .case_form LABEL.titre A:hover {
    color: #731317; }
  .formulaire .case_form .input,
  .formulaire .case_form .textarea,
  .formulaire .case_form .date_naissance,
  .formulaire .case_form .custom_select {
    display: inline-block;
    vertical-align: top;
    width: 75%; }
  .formulaire .case_form .input,
  .formulaire .case_form .textarea,
  .formulaire .case_form .custom_select {
    height: 40px;
    padding: 5px;
    background-color: #FFF;
    border: 1px solid #525252;
    color: #000;
    font-size: 14px; }
  .formulaire .case_form .textarea {
    height: 80px; }
  .formulaire .case_form TD {
    vertical-align: middle; }
  .formulaire .case_form .date_naissance .date {
    display: inline-block;
    width: 33.3333333%; }
  .formulaire .case_form .date_naissance .select_date,
  .formulaire .case_form .date_naissance .custom_select {
    width: 100%; }
  .formulaire .bouton_save_form {
    width: 100%;
    height: 40px;
    background-color: #aa4242;
    border: 0;
    font-size: 16px;
    line-height: 40px;
    text-transform: uppercase;
    color: #FFF;
    cursor: pointer;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear; }
    .formulaire .bouton_save_form:hover {
      background-color: #731317; }

/* MOBILE RUBRIQUE */
#mobile_envies {
  font-size: 0; }

#mobile_rubrique_carte a {
  display: block;
  height: 65px;
  line-height: 65px;
  font-size: 20px;
  color: #FFF;
  text-align: center;
  border-top: 1px solid #525252;
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 300px 65px; }

#mobile_rubrique_carte a.rubrique_starters {
  background-image: url(images/rubrique_starters.jpg); }

#mobile_rubrique_carte a.rubrique_menusmidi {
  background-image: url(images/rubrique_menusmidi.jpg); }

#mobile_rubrique_carte a.rubrique_plateaux {
  background-image: url(images/rubrique_plateaux.jpg); }

#mobile_rubrique_carte a.rubrique_sushi {
  background-image: url(images/rubrique_sushi.jpg); }

#mobile_rubrique_carte a.rubrique_california {
  background-image: url(images/rubrique_california.jpg); }

#mobile_rubrique_carte a.rubrique_maki {
  background-image: url(images/rubrique_maki.jpg); }

#mobile_rubrique_carte a.rubrique_flocon {
  background-image: url(images/rubrique_flocon.jpg); }

#mobile_rubrique_carte a.rubrique_spring {
  background-image: url(images/rubrique_spring.jpg); }

#mobile_rubrique_carte a.rubrique_egg {
  background-image: url(images/rubrique_egg.jpg); }

#mobile_rubrique_carte a.rubrique_special {
  background-image: url(images/rubrique_special.jpg); }

#mobile_rubrique_carte a.rubrique_fresh {
  background-image: url(images/rubrique_fresh.jpg); }

#mobile_rubrique_carte a.rubrique_chirashi {
  background-image: url(images/rubrique_chirashi.jpg); }

#mobile_rubrique_carte a.rubrique_sashimi {
  background-image: url(images/rubrique_sashimi.jpg); }

#mobile_rubrique_carte a.rubrique_temaki {
  background-image: url(images/rubrique_temaki.jpg); }

#mobile_rubrique_carte a.rubrique_desserts {
  background-image: url(images/rubrique_desserts.jpg); }

#mobile_rubrique_carte a.rubrique_boissons {
  background-image: url(images/rubrique_boissons.jpg); }

/* CASE RUBRIQUE + ENVIE */
.affichage_case_rubrique {
  display: inline-block;
  vertical-align: top;
  position: relative;
  width: 11.11111111%;
  padding: 1px;
  font-size: 0; }
  .affichage_case_rubrique img {
    width: 100%; }
  .affichage_case_rubrique .titre {
    position: absolute;
    bottom: 0px;
    width: 100%;
    padding: 50px 0px 8px 0px;
    font-size: 16px;
    color: #FFF;
    text-align: center;
    text-align: center;
    text-transform: uppercase;
    background-image: url(images/skin_titre_envie.png);
    background-repeat: repeat-x;
    background-position: bottom; }

/* MENU DEROULANT */
#menu_deroulant {
  position: absolute;
  display: none;
  width: 100%;
  font-size: 0;
  background-color: #FFF;
  -webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.3);
  z-index: 10; }
  #menu_deroulant .affichage_case_rubrique {
    overflow: hidden; }

/* LISTE PRODUIT */
.liste_produit_bg {
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0px;
  background-image: url("images/bg_product_list.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  z-index: 1; }

#liste_produit {
  max-width: 1024px;
  margin: 0px auto 14px;
  margin-top: 20px;
  position: relative;
  z-index: 2; }
  #liste_produit H2 {
    position: relative;
    background-color: rgba(255, 255, 255, 0.9);
    color: #aa4242;
    margin-bottom: 7px; }
  #liste_produit .affichage_produit {
    margin: 0px -2px 7px; }

/* CASE PRODUIT */
.affichage_case_produit {
  display: inline-block;
  vertical-align: top;
  position: relative;
  width: 25%;
  border: 2px solid transparent;
  font-size: 12px; }
  .affichage_case_produit .affichage_case_produit_content {
    position: relative;
    background-color: rgba(255, 255, 255, 0.9);
    height: 100%;
    width: 100%;
    padding: 12px; }
  .affichage_case_produit img {
    width: 100%; }
  .affichage_case_produit .new {
    position: absolute;
    height: 24px;
    line-height: 24px;
    left: 0px;
    padding: 0px 20px;
    color: #aa4242;
    border: 1px solid #aa4242;
    text-transform: uppercase;
    background-color: rgba(255, 255, 255, 0.9); }
  .affichage_case_produit .titre {
    display: block; }
  .affichage_case_produit .prix {
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 60px;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    text-align: center;
    color: #000; }
  .affichage_case_produit .titre {
    font-size: 16px;
    line-height: 20px;
    margin-top: 10px;
    margin-bottom: 5px;
    font-family: "expressway_regular";
    color: #000;
    text-transform: uppercase; }
  .affichage_case_produit .description {
    display: block;
    min-height: 45px;
    color: #444; }
  .affichage_case_produit .description span {
    display: block; }
  .affichage_case_produit .case_ad_panier {
    position: absolute;
    width: 100%;
    left: 0px;
    bottom: 0px;
    padding: 12px;
    z-index: 3;
    opacity: 0;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out; }
  .affichage_case_produit .case_ad_panier .select_nombre {
    display: block;
    text-align: right;
    margin-bottom: 12px;
    font-size: 0; }
  .affichage_case_produit .case_ad_panier .select_nombre .bt,
  .affichage_case_produit .case_ad_panier .select_nombre .nb {
    display: inline-block;
    vertical-align: top;
    margin-left: 4px; }
  .affichage_case_produit .case_ad_panier .select_nombre .nb {
    min-width: 40px;
    height: 40px;
    line-height: 40px;
    padding: 0px 10px;
    font-size: 16px;
    color: #222;
    text-align: center;
    background-color: #FFF;
    cursor: default; }
  .affichage_case_produit .case_ad_panier .select_nombre .bt {
    width: 40px;
    height: 40px;
    line-height: 38px;
    text-align: center;
    font-size: 20px;
    color: #FFF;
    border: 2px solid #525252;
    cursor: pointer;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear; }
    .affichage_case_produit .case_ad_panier .select_nombre .bt:hover {
      border-color: #FFF; }
  .affichage_case_produit .case_ad_panier .select_nombre SPAN {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    height: 40px;
    line-height: 40px;
    padding: 0px 10px;
    font-size: 16px;
    color: #FFF;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.2);
    cursor: default; }
  .affichage_case_produit .case_ad_panier .bt_ajouter_panier {
    display: block;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #FFF;
    text-align: center;
    background-color: #aa4242;
    text-transform: uppercase; }
    .affichage_case_produit .case_ad_panier .bt_ajouter_panier:hover {
      background-color: #731317; }
  .affichage_case_produit .hover_cache {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.7);
    background-image: url(images/skin_bg_hover_produit.png);
    background-repeat: repeat-x;
    background-position: bottom;
    z-index: 2;
    opacity: 0;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out; }
  .affichage_case_produit .hover_titre {
    position: absolute;
    top: 30%;
    left: 0px;
    width: 100%;
    padding: 12px;
    z-index: 3;
    opacity: 0;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out; }
  .affichage_case_produit .hover_titre a {
    display: block;
    padding: 12px 0px;
    overflow: hidden;
    font-family: "expressway_regular";
    font-size: 20px;
    color: #000;
    text-transform: uppercase;
    text-align: center;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-top: 1px solid rgba(0, 0, 0, 0.2);
    border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
  .affichage_case_produit:hover .case_ad_panier,
  .affichage_case_produit:hover .hover_cache,
  .affichage_case_produit:hover .hover_titre {
    opacity: 1; }

/* FICHE PRODUIT */
#fiche_produit .case_fiche_produit {
  display: block;
  position: relative;
  width: 100%;
  padding: 0px 8%;
  font-size: 0;
  border-top: 1px solid rgba(255, 255, 255, 0.2); }

#fiche_produit .case_fiche_produit .image {
  position: relative;
  display: inline-block;
  width: 40%; }

#fiche_produit .case_fiche_produit .image img {
  width: 100%; }

#fiche_produit .case_fiche_produit .image .new {
  position: absolute;
  height: 20px;
  line-height: 24px;
  left: 0px;
  top: 10px;
  padding: 0px 20px;
  font-size: 12px;
  color: #000;
  background-color: #FFF;
  text-transform: uppercase; }

#fiche_produit .case_fiche_produit .infos {
  display: inline-block;
  vertical-align: top;
  width: 60%;
  padding: 12px;
  font-size: 12px; }

#fiche_produit .case_fiche_produit .infos .description {
  display: block;
  margin-bottom: 12px;
  font-family: "expressway_regular";
  color: #000;
  font-size: 16px; }

#fiche_produit .case_fiche_produit .infos .nb_piece,
#fiche_produit .case_fiche_produit .infos .accompagnements {
  display: block;
  margin-top: 2px;
  font-size: 12px; }

#fiche_produit .case_fiche_produit .infos .case_ad_panier {
  margin-top: 12px; }

#fiche_produit .case_fiche_produit .infos .case_ad_panier .prix {
  display: inline-block;
  width: 80px;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  text-align: center;
  color: #FFF;
  background-color: #262627; }

#fiche_produit .case_fiche_produit .infos .case_ad_panier .select_nombre {
  display: inline-block;
  float: right;
  text-align: right;
  width: 48%;
  font-size: 0; }

#fiche_produit .case_fiche_produit .infos .case_ad_panier .select_nombre .bt,
#fiche_produit .case_fiche_produit .infos .case_ad_panier .select_nombre .nb {
  display: inline-block;
  vertical-align: top;
  margin-left: 4px; }

#fiche_produit .case_fiche_produit .infos .case_ad_panier .select_nombre .nb {
  min-width: 40px;
  height: 40px;
  line-height: 40px;
  padding: 0px 10px;
  font-size: 16px;
  color: #222;
  text-align: center;
  background-color: #FFF; }

#fiche_produit .case_fiche_produit .infos .case_ad_panier .select_nombre .bt {
  width: 40px;
  height: 40px;
  line-height: 38px;
  text-align: center;
  font-size: 20px;
  color: #FFF;
  border: 2px solid #525252;
  cursor: pointer; }

#fiche_produit .case_fiche_produit .infos .case_ad_panier .bt_ajouter_panier {
  display: block;
  height: 40px;
  line-height: 40px;
  margin-top: 10px;
  font-size: 14px;
  color: #FFF;
  text-align: center;
  background-color: #aa4242;
  text-transform: uppercase; }
  #fiche_produit .case_fiche_produit .infos .case_ad_panier .bt_ajouter_panier:hover {
    background-color: #731317; }

/* ETAPE COMMANDE // BANDEAU DU HAUT // RECAPITULATIF */
#etape_commande {
  font-size: 0; }
  #etape_commande .etapes_progression {
    height: 100px;
    margin-bottom: 50px;
    border-bottom: 1px solid #525252; }
  #etape_commande .etapes_progression .etape {
    height: 100px;
    padding-top: 28px;
    cursor: pointer; }
  #etape_commande .etapes_progression .etape:hover,
  #etape_commande .etapes_progression .etape.active {
    border-bottom: 2px solid #FFF; }
  #etape_commande .etapes_progression .etape.active {
    cursor: default; }
  #etape_commande .etapes_progression .etape.not_active {
    cursor: default;
    border-bottom: 1px solid #525252; }
  #etape_commande .etapes_progression .etape .bulle {
    display: block;
    width: 34px;
    height: 34px;
    margin-left: auto;
    margin-right: auto;
    border: 2px solid #FFF;
    border-radius: 34px;
    color: #FFF;
    font-size: 18px;
    line-height: 32px;
    text-align: center;
    font-family: "expressway_regular"; }
  #etape_commande .etapes_progression .etape.not_active .bulle {
    color: #525252;
    border: 2px solid #525252; }
  #etape_commande .etapes_progression .etape h3 {
    height: auto;
    padding-top: 5px;
    font-size: 14px;
    line-height: 24px;
    text-transform: uppercase; }
  #etape_commande .etapes_progression .etape.not_active h3 {
    color: #525252; }
  #etape_commande .recapitulatif {
    margin-bottom: 20px; }
  #etape_commande .recapitulatif .ligne {
    position: relative;
    height: 50px;
    padding: 0px 60px 0px 20px;
    font-size: 0;
    line-height: 50px;
    background-color: #292929;
    color: #FFF; }
  #etape_commande .recapitulatif .ligne + .ligne {
    margin-top: 5px; }
  #etape_commande .recapitulatif .ligne .titre {
    font-size: 16px;
    text-transform: uppercase; }
  #etape_commande .recapitulatif .ligne .selection {
    font-size: 16px;
    text-align: right;
    color: #888888; }
  #etape_commande .recapitulatif .ligne .icon {
    position: absolute;
    width: 50px;
    height: 50px;
    line-height: 50px;
    top: 0px;
    right: 0px;
    font-size: 25px;
    color: #FFF;
    text-align: center; }
  #etape_commande .affiche_etape {
    padding-bottom: 30px; }
  #etape_commande .affiche_etape h2 {
    margin-bottom: 15px; }
  #etape_commande .choix_livraison {
    text-align: center; }
  #etape_commande .choix_livraison a.bouton_livraison {
    display: inline-block;
    width: 330px;
    height: 45px;
    margin-top: 10px;
    margin-right: 15px;
    border: 2px solid #666;
    font-size: 16px;
    line-height: 45px;
    text-transform: uppercase;
    color: #666; }
  #etape_commande .choix_livraison a.bouton_livraison:hover {
    color: #FFF;
    border: 2px solid #FFF; }
  #etape_commande .choix_restaurant {
    font-size: 0; }
  #etape_commande .choix_restaurant H3 {
    font-size: 24px;
    line-height: 28px; }
  #etape_commande .choix_restaurant H2 + H3 {
    margin-top: -15px; }
  #etape_commande .choix_restaurant .case_restaurant {
    margin-bottom: 10px; }
  #etape_commande .choix_restaurant .case_restaurant .affiche {
    text-align: left;
    background-color: #262627;
    border: 1px solid #525252;
    color: #FFF;
    cursor: pointer; }
  #etape_commande .choix_restaurant .case_restaurant .affiche:hover {
    border: 1px solid #FFF;
    background-color: #000; }
  #etape_commande .choix_restaurant .case_restaurant .affiche h2 {
    height: auto;
    line-height: 25px;
    padding: 20px 10px 5px 10px;
    font-size: 25px;
    text-align: left; }
  #etape_commande .choix_restaurant .case_restaurant .affiche .adresse {
    padding: 0px 10px 10px 10px;
    font-size: 14px;
    line-height: 24px; }
  #etape_commande .choix_restaurant .case_restaurant .affiche .case_map_image {
    height: 150px; }
    #etape_commande .choix_restaurant .case_restaurant .affiche .case_map_image .image {
      display: inline-block;
      vertical-align: top;
      width: 30%;
      height: 150px;
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center; }
    #etape_commande .choix_restaurant .case_restaurant .affiche .case_map_image .map {
      display: inline-block;
      vertical-align: top;
      width: 70%;
      height: 150px; }
  #etape_commande .choix_jour .case_jour {
    padding-top: 5px;
    padding-bottom: 5px; }
  #etape_commande .choix_jour a {
    display: block;
    width: 100%;
    height: 48px;
    line-height: 48px;
    padding: 0px 20px;
    border: 1px solid #525252;
    background-color: #262627;
    font-size: 16px;
    text-align: center;
    text-transform: uppercase;
    font-family: "expressway_regular";
    color: #FFF; }
  #etape_commande .choix_jour a:hover {
    border: 1px solid #FFF;
    background-color: #000; }
  #etape_commande a.valider {
    display: block;
    width: 100%;
    height: 40px;
    background-color: #aa4242;
    font-size: 16px;
    line-height: 40px;
    text-transform: uppercase;
    text-align: center;
    color: #FFF;
    border: none;
    cursor: pointer; }
    #etape_commande a.valider:hover {
      background-color: #731317; }

/* PANIER */
#panier {
  background-color: #262627; }
  #panier #contenu_panier {
    position: relative; }
  #panier #contenu_panier #cache_panier {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(38, 38, 39, 0.8);
    z-index: 25; }
  #panier h2.titre span {
    display: none; }
  #panier .affichage_panier {
    border-top: 1px solid #525252; }
  #panier hr {
    margin: 0;
    border: 0;
    margin: 15px 0px;
    border-top: 1px solid #525252; }
  #panier .sous_titre {
    font-size: 22px; }
  #panier .liste_commandes_passees {
    position: relative;
    height: 40px;
    line-height: 40px;
    margin-top: 15px;
    font-size: 14px;
    color: #FFF;
    cursor: pointer; }
  #panier .panier_vide {
    text-align: center;
    padding: 15px 15px 0px;
    color: #FFF; }
  #panier .ligne_produit {
    position: relative;
    display: block;
    height: 65px;
    padding-right: 105px;
    margin-top: 15px; }
    #panier .ligne_produit .titre_produit {
      display: block;
      width: 100%;
      height: 65px;
      padding: 12px;
      background-color: rgba(0, 0, 0, 0.5); }
      #panier .ligne_produit .titre_produit a {
        display: block;
        margin-bottom: 3px;
        font-size: 18px;
        font-family: "expressway_regular";
        color: #FFF;
        white-space: nowrap;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        overflow: hidden; }
      #panier .ligne_produit .titre_produit .nb_piece {
        white-space: nowrap;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        overflow: hidden; }
    #panier .ligne_produit .prix {
      position: absolute;
      width: 104px;
      height: 30px;
      line-height: 30px;
      right: 0px;
      top: 0px;
      padding: 0px 10px;
      font-size: 14px;
      color: #FFF;
      text-align: right;
      background-color: rgba(0, 0, 0, 0.5); }
    #panier .ligne_produit .select_quantite {
      position: absolute;
      width: 104px;
      height: 34px;
      line-height: 34px;
      right: 0px;
      top: 31px;
      font-size: 0; }
    #panier .ligne_produit .select_quantite .bt_moins,
    #panier .ligne_produit .select_quantite .bt_plus,
    #panier .ligne_produit .select_quantite .nb {
      display: inline-block;
      vertical-align: top; }
    #panier .ligne_produit .select_quantite .bt_moins,
    #panier .ligne_produit .select_quantite .bt_plus {
      width: 34px;
      height: 34px;
      background-color: #000;
      text-align: center;
      color: #FFF;
      font-size: 16px;
      cursor: pointer; }
    #panier .ligne_produit .select_quantite .nb {
      width: 33px;
      margin: 0px 1px;
      font-size: 16px;
      text-align: center;
      color: #FFF;
      background-color: rgba(0, 0, 0, 0.5);
      cursor: default; }
  #panier HR + #contenu_panier .ligne_produit {
    margin-top: 0px; }
  #panier .ligne_produit + .ligne_produit {
    margin-top: 5px; }
  #panier .produit_plus {
    background-color: #000;
    font-size: 0; }
    #panier .produit_plus .case {
      display: inline-block;
      vertical-align: top;
      width: 20%;
      padding: 10px;
      font-size: 12px; }
    #panier .produit_plus .case + .case {
      border-left: 2px solid #262627; }
    #panier .produit_plus .case img {
      width: 100%; }
    #panier .produit_plus .case .titre {
      display: block;
      margin: 10px 0px;
      font-family: "expressway_regular";
      font-size: 16px;
      color: #FFF;
      text-align: center; }
    #panier .produit_plus .case .choisir select,
    #panier .produit_plus .case .choisir .custom_select {
      width: 100%; }
    #panier .produit_plus .case .choisir .deux_choix {
      border: 2px solid #FFF;
      font-size: 0; }
    #panier .produit_plus .case .choisir .deux_choix .bt {
      display: inline-block;
      vertical-align: top;
      width: 50%;
      height: 36px;
      line-height: 36px;
      font-size: 12px;
      color: rgba(255, 255, 255, 0.4);
      text-align: center;
      text-transform: uppercase;
      cursor: pointer; }
    #panier .produit_plus .case .choisir .deux_choix .bt.active {
      background-color: #FFF;
      font-size: 16px;
      color: #000; }
    #panier .produit_plus .case .bt_ajouter {
      display: block;
      height: 40px;
      background-color: #aa4242;
      font-size: 16px;
      line-height: 40px;
      text-transform: uppercase;
      text-align: center;
      color: #FFF;
      cursor: pointer;
      -webkit-transition: all 0.3s linear;
      -o-transition: all 0.3s linear;
      transition: all 0.3s linear; }
      #panier .produit_plus .case .bt_ajouter:hover {
        background-color: #731317; }
  #panier .heure_livraison {
    display: block;
    padding: 12px 12px 12px 0px;
    font-size: 0;
    background-color: rgba(0, 0, 0, 0.5); }
    #panier .heure_livraison .icon {
      display: inline-block;
      vertical-align: middle;
      width: 20%;
      height: 30px;
      line-height: 30px;
      font-size: 30px;
      text-align: center; }
    #panier .heure_livraison .col_horaire {
      display: inline-block;
      vertical-align: middle;
      width: 80%; }
      #panier .heure_livraison .col_horaire .type {
        display: inline-block;
        vertical-align: top;
        width: 85%;
        font-size: 12px;
        line-height: 24px;
        color: #FFF; }
      #panier .heure_livraison .col_horaire .heure {
        display: inline-block;
        vertical-align: top;
        width: 15%;
        font-size: 12px;
        line-height: 24px;
        color: #FFF;
        text-align: right; }
  #panier .points_fidelite .sous_titre {
    font-size: 16px; }
  #panier .points_fidelite .texte {
    padding-bottom: 5px;
    color: #FFF;
    font-size: 12px; }
  #panier .total .ligne {
    display: block;
    font-size: 0;
    padding: 0px 12px; }
    #panier .total .ligne span {
      display: inline-block;
      width: 50%;
      font-size: 12px;
      text-align: left; }
    #panier .total .ligne span + span {
      text-align: right; }
  #panier .total .ligne.prix_total span {
    font-size: 14px;
    font-family: "expressway_regular";
    color: #FFF; }
  #panier .case_form {
    margin: 0px 12px; }
    #panier .case_form .titre {
      font-size: 14px;
      font-family: "expressway_regular";
      color: #FFF;
      margin-bottom: 2px; }
    #panier .case_form .textarea {
      height: 100px; }
  #panier .bouton {
    padding: 12px 0px; }
  #panier .bouton a,
  #panier .bouton button {
    display: block;
    width: 100%;
    height: 40px;
    background-color: #aa4242;
    font-size: 16px;
    line-height: 40px;
    text-transform: uppercase;
    text-align: center;
    color: #FFF;
    border: none;
    cursor: pointer; }
    #panier .bouton a:hover,
    #panier .bouton button:hover {
      background-color: #731317; }

#panier.panier_open,
#cache_accompagnement .modal {
  position: fixed;
  top: 0px;
  right: -320px;
  width: 320px;
  height: 100%;
  border-left: 1px solid #525252;
  background-color: #262627;
  overflow: auto;
  z-index: 20;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear; }
  #panier.panier_open .row_padding_2,
  #cache_accompagnement .modal .row_padding_2 {
    padding: 0px 10px; }
  #panier.panier_open h2.titre,
  #cache_accompagnement .modal h2.titre {
    padding: 0px;
    height: 50px;
    line-height: 50px;
    background-color: #000;
    font-size: 20px;
    text-align: center;
    color: #FFF;
    font-family: "expressway_regular"; }
  #panier.panier_open h2.titre span,
  #cache_accompagnement .modal h2.titre span {
    position: absolute;
    right: 10px;
    font-size: 16px;
    cursor: pointer; }

#panier.fullscreen {
  background-color: #000000; }
  #panier.fullscreen .ligne_produit .titre_produit,
  #panier.fullscreen .ligne_produit .prix,
  #panier.fullscreen .ligne_produit .select_quantite .bt_moins,
  #panier.fullscreen .ligne_produit .select_quantite .nb,
  #panier.fullscreen .ligne_produit .select_quantite .bt_plus {
    background-color: #262627; }
  #panier.fullscreen .produit_plus {
    background-color: #262627; }
    #panier.fullscreen .produit_plus .case .choisir .deux_choix {
      background-color: #000000; }
    #panier.fullscreen .produit_plus .case + .case {
      border-color: #000000; }
  #panier.fullscreen .heure_livraison {
    display: block;
    position: relative;
    background-color: #262627; }
    #panier.fullscreen .heure_livraison .icon {
      display: block;
      position: absolute;
      top: 0px;
      width: 50px;
      height: 48px;
      line-height: 48px;
      font-size: 30px;
      text-align: center; }
    #panier.fullscreen .heure_livraison .col_horaire {
      display: block;
      padding-left: 60px;
      width: 100%; }

BODY.push #panier.panier_open {
  right: 0px;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear; }

.cache_body {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  z-index: 15; }

.cache_body span {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 300px;
  margin-top: -20px;
  margin-left: -150px;
  padding: 10px;
  line-height: 20px;
  font-size: 16px;
  font-family: "expressway_regular";
  text-align: center;
  color: #525252;
  background-color: #FFF;
  border-radius: 10px; }

.push #cache_body {
  display: block; }

#cache_ajout {
  background-color: rgba(38, 38, 39, 0.8); }

#cache_message {
  background-color: rgba(38, 38, 39, 0.8);
  display: block; }

#cache_message SPAN {
  display: block; }

#cache_accompagnement {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  z-index: 20; }

#cache_accompagnement .modal {
  position: absolute;
  top: 50%;
  right: 0;
  margin: 0px 10%;
  width: 80%;
  height: auto;
  border: none;
  -webkit-transition: none;
  -o-transition: none;
  transition: none; }
  #cache_accompagnement .modal .titre {
    font-size: 14px;
    font-family: "expressway_regular";
    color: #FFF; }
  #cache_accompagnement .modal .liste_accompagnement {
    margin: 7px 0px;
    color: #FFF; }
  #cache_accompagnement .modal .liste_accompagnement div {
    text-align: center; }
  #cache_accompagnement .modal .liste_accompagnement div IMG {
    display: block;
    margin: 0px auto;
    width: 50%;
    cursor: pointer; }
  #cache_accompagnement .modal .bouton {
    padding: 12px 0px; }
  #cache_accompagnement .modal .bouton button {
    display: block;
    height: 40px;
    width: 100%;
    background-color: #aa4242;
    border: none;
    font-size: 14px;
    line-height: 40px;
    text-transform: uppercase;
    text-align: center;
    color: #FFF;
    cursor: pointer; }
    #cache_accompagnement .modal .bouton button:hover {
      background-color: #731317; }

/* COMPTE CLIENT */
#compte_client {
  font-size: 0;
  padding-top: 40px;
  padding-bottom: 40px; }
  #compte_client .connexion {
    padding: 0px 10px 10px 10px;
    background-color: #262627; }
  #compte_client .connexion + .connexion {
    margin-top: 10px; }
  #compte_client .connexion h2,
  #compte_client .inscription h2 {
    font-size: 18px; }
  #compte_client .connexion .case_form .input {
    width: 100%; }
  #compte_client .connexion a {
    display: block;
    text-align: center;
    font-size: 14px;
    margin-top: 5px; }
  #compte_client .inscription {
    padding: 0px 30px 0px 18px; }
  #compte_client .inscription .case_form .titre {
    color: #FFF; }

#etape_commande + #compte_client {
  padding-top: 0px; }

#etape_commande + #panier .affichage_panier {
  border-top: none; }

#compte_profil {
  padding-bottom: 40px; }
  #compte_profil h1 {
    margin-bottom: 15px; }
  #compte_profil .affiche_adresse {
    font-size: 0;
    color: #FFF; }
  #compte_profil .affiche_adresse .case_adresse {
    padding: 0px 5px; }
  #compte_profil .affiche_adresse .case_adresse .affiche {
    padding: 15px;
    font-size: 14px;
    text-align: left;
    background-color: #292929;
    border: 1px solid #525252; }
  #compte_profil .affiche_adresse .case_adresse .affiche h2 {
    margin-bottom: 15px;
    padding: 0px;
    font-size: 22px;
    line-height: 24px;
    text-align: left; }
  #compte_profil .affiche_adresse .case_adresse .bouton {
    display: inline-block;
    width: 50%;
    height: 44px;
    padding-right: 1px;
    padding-top: 2px; }
  #compte_profil .affiche_adresse .case_adresse .bouton_double {
    width: 100%;
    padding-right: 0px; }
  #compte_profil .affiche_adresse .case_adresse .bouton + .bouton {
    padding-left: 1px;
    padding-right: 0px; }
  #compte_profil .affiche_adresse .case_adresse .bouton a {
    display: block;
    height: 40px;
    width: 100%;
    font-size: 16px;
    line-height: 40px;
    text-align: center;
    background-color: #aa4242;
    color: #FFF; }
  #compte_profil .affiche_adresse .case_adresse .bouton a span {
    display: inline-block;
    vertical-align: top; }
  #compte_profil .affiche_adresse .case_adresse a .icon {
    width: 30px;
    height: 40px;
    line-height: 40px;
    font-size: 20px; }
  #compte_profil .affiche_adresse .case_adresse .bouton a:hover {
    background-color: #731317; }
  #compte_profil .bouton_ajouter {
    width: 33.33333333%;
    height: 40px;
    margin-top: 30px;
    margin-left: 50px;
    padding-right: 40px;
    font-size: 14px;
    line-height: 40px; }
  #compte_profil .bouton_ajouter a {
    display: block;
    width: 100%;
    height: 40px;
    padding-left: 20px;
    text-align: left;
    background-color: #1d1d1d;
    color: #FFF; }
  #compte_profil .bouton_ajouter a .icon {
    width: 40px;
    height: 40px;
    font-size: 22px;
    line-height: 40px;
    text-align: center; }
  #compte_profil .bouton_ajouter a span {
    display: inline-block;
    height: 40px;
    vertical-align: top;
    padding-top: 1px; }
  #compte_profil .ligne_historique {
    margin-bottom: 8px;
    font-size: 0; }
  #compte_profil .ligne_historique .infos {
    display: inline-block;
    vertical-align: top;
    width: 80%;
    height: 40px;
    padding: 0px 8px;
    font-size: 0;
    background-color: #262627;
    color: #FFF;
    cursor: pointer; }
  #compte_profil .ligne_historique .infos .case {
    display: inline-block;
    vertical-align: top;
    height: 40px;
    line-height: 40px; }
  #compte_profil .ligne_historique .infos .date {
    width: 60%;
    font-size: 16px;
    text-transform: uppercase; }
  #compte_profil .ligne_historique .infos .type,
  #compte_profil .ligne_historique .infos .prix {
    width: 20%;
    font-size: 16px;
    text-align: right; }
  #compte_profil .ligne_historique .bouton {
    display: inline-block;
    width: 20%;
    padding-left: 8px; }
  #compte_profil .ligne_historique .bouton a {
    display: block;
    height: 40px;
    line-height: 44px;
    font-size: 14px;
    text-transform: uppercase;
    text-align: center;
    background-color: #aa4242;
    color: #FFF; }
    #compte_profil .ligne_historique .bouton a:hover {
      background-color: #731317; }
  #compte_profil .ligne_historique + .recapitulatif {
    display: none; }
  #compte_profil .recapitulatif .ligne {
    padding: 12px;
    font-size: 0; }
  #compte_profil .recapitulatif .ligne + .ligne {
    border-top: 1px solid #525252; }
  #compte_profil .recapitulatif .ligne .case {
    display: inline-block;
    vertical-align: top;
    width: 15%;
    font-size: 12px;
    text-align: right; }
  #compte_profil .recapitulatif .ligne .titre {
    width: 55%;
    font-size: 14px;
    color: #FFF;
    text-align: left; }
  #compte_profil .recapitulatif .ligne .titre span {
    display: block; }
  #compte_profil .recapitulatif .ligne .titre .piece {
    font-size: 12px;
    color: #888888; }
  #compte_profil .recapitulatif .ligne .total {
    font-size: 14px;
    color: #FFF; }
  #compte_profil .recapitulatif .recap_total {
    padding: 12px;
    border-top: 1px solid #525252; }
  #compte_profil .recapitulatif .recap_total .ligne_total {
    font-size: 0; }
  #compte_profil .recapitulatif .recap_total .ligne_total .case {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    font-size: 14px;
    color: #FFF; }
  #compte_profil .recapitulatif .recap_total .ligne_total .case + .case {
    text-align: right; }
  #compte_profil .recapitulatif .recap_total .ligne_total.nb_piece .case {
    padding-top: 2px;
    font-size: 12px;
    color: #888888; }

/* FIDELITE */
#fidelite {
  padding: 100px 0px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover; }
  #fidelite h1 {
    height: auto;
    line-height: 40px; }
  #fidelite .txt_fidelite {
    width: 400px;
    color: #000; }
  #fidelite .txt_fidelite .content {
    background-color: rgba(255, 255, 255, 0.9);
    padding: 20px; }
  #fidelite .txt_fidelite .content h2 {
    margin-bottom: 20px;
    font-family: "expressway_regular";
    font-size: 60px; }

/* RESTAURANT */
#restaurant {
  max-width: 1024px;
  margin: 0px auto 14px;
  margin-top: 20px;
  position: relative;
  z-index: 2; }
  #restaurant H1 {
    background-color: white; }
  #restaurant .row_infos_restaurant {
    display: block;
    position: relative;
    font-size: 14px;
    line-height: 24px;
    color: #000;
    padding: 20px;
    background-color: white;
    margin: 10px 0px; }
  #restaurant .row_infos_restaurant .infos {
    display: inline-block;
    width: 50%;
    padding: 30px 30px 30px 30px; }
  #restaurant .row_infos_restaurant .infos h2 {
    height: auto;
    padding: 0px;
    font-family: "expressway_regular";
    font-size: 24px;
    line-height: 34px;
    text-align: left;
    text-transform: uppercase;
    color: #000; }
  #restaurant .row_infos_restaurant .infos .adresse {
    margin-top: 5px;
    margin-bottom: 35px; }
  #restaurant .row_infos_restaurant .infos .horaire .titre {
    display: block;
    color: #888888; }
  #restaurant .row_infos_restaurant .zone_img_map {
    position: absolute;
    width: 50%;
    top: 0px;
    left: 50%;
    height: 100%;
    font-size: 0;
    color: #000;
    white-space: nowrap; }
  #restaurant .row_infos_restaurant .zone_img_map .image {
    display: inline-block;
    vertical-align: top;
    width: 40%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center; }
  #restaurant .row_infos_restaurant .zone_img_map .map {
    display: inline-block;
    vertical-align: top;
    width: 60%;
    height: 100%; }
  #restaurant .row_infos_restaurant.ligne_2 .infos {
    display: inline-block;
    margin-left: 50%; }
  #restaurant .row_infos_restaurant.ligne_2 .zone_img_map {
    left: 0px; }
  #restaurant .row_infos_restaurant.ligne_2 .zone_img_map .image,
  #restaurant .row_infos_restaurant.ligne_2 .zone_img_map .map {
    float: right; }

/* CONTACT */
#contact {
  padding-top: 40px;
  padding-bottom: 100px;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover; }
  #contact .telephone {
    width: 60%;
    margin: auto;
    margin-bottom: 10px;
    padding: 20px;
    color: #000;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.9); }
    #contact .telephone span {
      display: block;
      font-size: 16px; }
    #contact .telephone DIV {
      margin-top: 15px; }
      #contact .telephone DIV span {
        display: inline-block;
        margin: 0px;
        font-family: "expressway_regular";
        font-size: 16px;
        line-height: 20px; }
      #contact .telephone DIV .tel {
        display: inline-block;
        margin-left: 5px;
        color: #000;
        font-size: 20px; }
        #contact .telephone DIV .tel.mobile {
          display: none;
          margin-bottom: 10px; }
  #contact .affiche_formulaire {
    width: 60%;
    margin: auto;
    padding: 20px;
    color: #000;
    background-color: rgba(255, 255, 255, 0.9); }

/* PAGE LIBRE */
#page_libre .texte {
  color: #000;
  padding: 20px; }
  #page_libre .texte .col_6 {
    padding-right: 20px; }
    #page_libre .texte .col_6 IMG.map {
      max-width: 100%; }
  #page_libre .texte .col_6 + .col_6 {
    padding-left: 20px;
    padding-right: 0px; }

/* FOOTER */
#footer {
  position: relative;
  padding: 20px 30px;
  border-top: 1px solid #ededed;
  background-color: #FFF;
  z-index: 2; }
  #footer .left {
    display: inline-block; }
    #footer .left a {
      display: inline-block;
      height: 18px;
      font-size: 12px;
      padding: 0px 10px;
      color: #888888; }
    #footer .left a + a {
      border-left: 1px solid #2b2b2b; }
    #footer .left .social {
      display: inline-block;
      vertical-align: middle; }
      #footer .left .social .bt_social {
        display: inline-block;
        vertical-align: top;
        padding: 0px;
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 18px;
        color: #FFF;
        text-align: center; }
        #footer .left .social .bt_social.fb {
          background-color: #3b5998; }
        #footer .left .social .bt_social.instagram {
          margin-right: 5px;
          background-color: #3f729b; }
      #footer .left .social .like_box {
        display: inline-block;
        vertical-align: top;
        width: 110px;
        height: 30px;
        padding: 5px;
        background-color: #FFF;
        overflow: hidden; }
    #footer .left .case_cb {
      display: inline-block;
      vertical-align: middle;
      height: 30px;
      width: 230px;
      margin-left: 4px;
      background-image: url(images/skin_footer_cb.png);
      background-repeat: no-repeat;
      background-position: 0px center; }
  #footer .right {
    position: absolute;
    top: 20px;
    right: 30px;
    height: 30px;
    line-height: 30px; }
  #footer .right a {
    color: #888888;
    font-size: 12px; }

/* MESSAGE D'ALERTE */
.case_form.form_erreur INPUT.input,
.case_form.form_erreur SELECT.select,
.case_form.form_erreur TEXTAREA.textarea,
.case_form.form_erreur LABEL.input {
  border-color: #ff0000;
  background-color: #ffe5e5;
  color: #000;
  font-weight: normal; }

.case_form .titre SPAN {
  color: #ff0000;
  margin-left: 5px;
  font-size: 12px; }

#divAlert1,
#divAlert2 {
  margin: 0px 7px 14px;
  padding: 14px;
  font-size: 12px;
  border-width: 2px;
  border-style: solid;
  border-radius: 5px;
  border-color: transparent;
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); }

#divAlert1 {
  background-color: rgba(193, 215, 193, 0.75);
  color: #067b39; }

#divAlert2 {
  background-color: rgba(255, 214, 214, 0.75);
  color: #b31022; }

#divAlert2 ul {
  padding-left: 20px;
  list-style: square; }

/* CUSTOM SELECT */
.custom_select {
  position: relative;
  height: 40px;
  background-color: #FFF;
  border: 1px solid #525252;
  padding-left: 0px;
  overflow: hidden;
  z-index: 0; }

.custom_select LABEL {
  position: absolute;
  right: 0px;
  width: 38px;
  height: 38px;
  line-height: 38px;
  background-color: #FFF;
  color: #000;
  text-align: center;
  z-index: 2;
  pointer-events: none; }

.custom_select SELECT {
  position: absolute;
  width: 100%;
  height: 40px;
  padding: 12px 5px;
  line-height: 16px;
  border: none;
  background: #FFF;
  z-index: 1;
  color: #000;
  font-size: 14px;
  -webkit-appearance: none; }

.formulaire .case_form .custom_select {
  padding: 0px; }

#panier .liste_commandes_passees .custom_select,
#panier .points_fidelite .custom_select {
  border: none; }

#panier .points_fidelite .custom_select,
#panier .points_fidelite .custom_select LABEL,
#panier .points_fidelite .custom_select SELECT {
  background-color: #262627; }

/*AJOUT BEN CORRECTION FOND COULEUR SUGGESTION PANIER*/
.fix_bg {
  background-color: transparent !important; }

/* -- RESPONSIVE -- */
@media (max-device-width: 768px) and (orientation: landscape) {
  html {
    -webkit-text-size-adjust: 100%; } }

/* -- HOVER -- */
@media screen and (min-device-width: 1000px) {
  #header .head_right .bouton:hover {
    background-color: #aa4242; } }

/* MIN 1200 PX */
@media screen and (min-width: 1200px) {
  .affichage_case_rubrique {
    width: 16.66666666%; } }

/* MIN 1500 PX */
@media screen and (min-width: 1500px) {
  .affichage_case_rubrique {
    width: 12.5%; } }

/* MAX 1000 PX */
@media screen and (max-width: 1030px) {
  .affichage_case_produit {
    width: 33.3333333%;
    font-size: 0; }
    .affichage_case_produit .image {
      display: inline-block;
      vertical-align: top;
      width: 40%; }
    .affichage_case_produit img {
      width: 100%; }
    .affichage_case_produit .new {
      left: auto;
      right: 0px;
      top: 10px;
      font-size: 12px; }
    .affichage_case_produit .description {
      display: inline-block;
      vertical-align: middle;
      width: 60%;
      padding-left: 20px; }
    .affichage_case_produit .description .titre {
      margin-top: 35px; }
    .affichage_case_produit .description span {
      font-size: 12px; }
    .affichage_case_produit .prix {
      position: relative;
      width: 80px;
      height: 40px;
      line-height: 40px;
      margin-top: 20px;
      font-size: 14px; }
    .affichage_case_produit .case_ad_panier {
      display: block;
      position: relative;
      padding: 0px;
      margin-top: -40px;
      z-index: 3;
      opacity: 1; }
    .affichage_case_produit .case_ad_panier .select_nombre SPAN {
      width: 60%; }
    .affichage_case_produit .hover_cache,
    .affichage_case_produit .hover_titre {
      display: none;
      opacity: 0; }
  #fiche_produit .case_fiche_produit {
    width: 100%;
    padding: 0px 30px; }
  #compte_profil .affiche_adresse .case_adresse {
    width: 50%;
    padding: 5px 5px; }
  #compte_profil .bouton_ajouter {
    width: 50%;
    padding-right: 54px; }
  #contact .telephone {
    width: 90%; }
  #contact .affiche_formulaire {
    width: 90%; }
  #panier .produit_plus.suggestion .case {
    width: 50%; }
  #panier .produit_plus.suggestion .case + .case {
    border-left: 2px solid #000; }
  #panier .produit_plus.suggestion .case + .case + .case {
    border-top: 2px solid #000; }
  #footer .left {
    display: block;
    text-align: center; }
  #footer .social {
    display: block;
    width: 100%;
    margin-bottom: 20px; }
  #footer .right {
    display: block;
    position: relative;
    right: auto;
    top: 0px;
    text-align: center; } }

/* MAX 850 PX */
@media screen and (max-width: 850px) {
  #header .head_left .telephone {
    display: none; }
  .affichage_case_rubrique {
    width: 25%; }
  #page_libre .texte .col_6 {
    width: 100%;
    border-right: none;
    padding-right: 0px;
    border-bottom: 2px solid #FFF;
    padding-bottom: 20px; }
  #page_libre .texte .col_6 + .col_6 {
    padding-top: 20px;
    padding-bottom: 0px;
    padding-left: 0px;
    border-bottom: none; }
  #restaurant .row_infos_restaurant .infos {
    display: block;
    width: 100%;
    padding: 30px; }
  #restaurant .row_infos_restaurant .zone_img_map {
    position: relative;
    display: block;
    width: 100%;
    left: 0;
    height: 200px; }
  #restaurant .row_infos_restaurant .zone_img_map .image {
    width: 30%; }
  #restaurant .row_infos_restaurant .zone_img_map .map {
    width: 70%; }
  #restaurant .row_infos_restaurant.ligne_2 .infos {
    margin-left: 0; }
  #etape_commande .choix_restaurant .case_restaurant {
    display: block;
    width: 100%; }
  #etape_commande .choix_restaurant .case_restaurant + .case_restaurant {
    margin-top: 30px; }
  #etape_commande .choix_jour .case_jour {
    width: 50%; }
  #compte_client .col_5, #compte_client .col_7 {
    display: block;
    width: 100%; }
  #compte_profil .affiche_adresse .case_adresse {
    width: 100%; }
  #compte_profil .bouton_ajouter {
    width: 100%;
    padding-right: 100px; }
  #compte_profil .ligne_historique .infos {
    width: 75%; }
  #compte_profil .ligne_historique .bouton {
    width: 25%; }
  #compte_profil .ligne_historique .infos .case {
    font-size: 14px; }
  #compte_profil .ligne_historique .infos .type {
    display: none; }
  #compte_profil .ligne_historique .infos .date {
    width: 80%; }
  #compte_profil .ligne_historique .infos .prix {
    width: 20%;
    text-align: right; }
  #compte_profil .recapitulatif .ligne .case {
    width: 20%;
    font-size: 12px; }
  #compte_profil .recapitulatif .ligne .titre {
    width: 40%; } }

/* 850 */
@media screen and (max-width: 850px) {
  .affichage_case_produit {
    width: 50%; } }

/* MAX 600 PX */
@media screen and (min-width: 765px) {
  .menu_mobile {
    display: none !important; } }

@media screen and (max-width: 764px) {
  .mobile {
    display: block; }
  .row_padding_1 {
    padding: 0px 10px; }
  .row_padding_2 {
    padding: 0px 15px; }
  H1, H2, H3 {
    font-size: 25px;
    line-height: 32px; }
  .formulaire .case_form .titre {
    display: block;
    width: 100%;
    padding-bottom: 5px; }
  .formulaire .case_form .input,
  .formulaire .case_form .textarea,
  .formulaire .case_form .form_select,
  .formulaire .case_form .date_naissance,
  .formulaire .case_form .custom_select {
    display: block;
    width: 100%; }
  #header {
    height: 70px; }
    #header .head_left {
      left: 15px; }
    #header .head_left .logo {
      display: inline-block;
      vertical-align: middle;
      color: #FFF; }
    #header .head_left .logo .blason {
      width: 70px;
      height: 70px; }
    #header .head_right {
      top: 15px;
      right: 15px; }
    #header .head_right .bouton {
      width: 40px;
      height: 40px;
      margin-left: 5px; }
    #header .head_right .bouton.bt_menu {
      display: inline-block; }
    #header .head_right .bouton .num_panier {
      top: 10px; }
    #header .head_right .bouton span {
      display: none; }
    #header .head_right .bouton .icon {
      display: block;
      width: 100%;
      height: 100%;
      line-height: 40px;
      font-size: 24px; }
  .menu_mobile,
  .menu_compte {
    display: none;
    position: relative;
    z-index: 11;
    background-color: #FFF; }
    .menu_mobile ul li a,
    .menu_compte ul li a {
      display: block;
      height: 46px;
      line-height: 46px;
      padding: 0px 15px;
      color: #000;
      font-size: 14px;
      border-top: 1px solid #525252; }
  .menu_compte_client {
    display: none; }
  #menu {
    height: 48px; }
    #menu .left {
      position: relative;
      left: 0px;
      top: 0px;
      height: 48px; }
    #menu .left li {
      display: inline-block;
      width: 50%; }
    #menu .left li a {
      height: 48px;
      line-height: 48px;
      padding: 0px;
      font-size: 14px;
      text-align: center; }
    #menu .right {
      display: none; }
  #home {
    position: relative;
    background-image: url(images/skin_fond.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover; }
    #home .slider-container {
      display: none; }
    #home .commande {
      position: absolute;
      width: 100%;
      top: auto;
      right: 0px;
      bottom: 0px;
      padding-bottom: 20px; }
    #home .commande .bouton .case_bouton {
      display: inline-block; }
    #home .commande .bouton .case_bouton + .case_bouton {
      margin-top: 0px; }
  #liste_produit .affichage_produit {
    border-left: 0px; }
  .affichage_case_produit {
    width: 100%;
    border-right: 0px; }
  #fiche_produit .case_fiche_produit {
    padding: 0px 15px; }
  #fiche_produit .case_fiche_produit .image {
    display: block;
    width: 100%; }
  #fiche_produit .case_fiche_produit .infos {
    display: block;
    width: 100%;
    padding: 12px 0px; }
  #panier .produit_plus .case,
  #panier .produit_plus.suggestion .case {
    display: block;
    width: 100%; }
  #panier .produit_plus .case + .case,
  #panier .produit_plus.suggestion .case + .case {
    border-left: 0px;
    border-top: 2px solid #000; }
  #panier.panier_open {
    width: 300px; }
  BODY.push {
    left: -300px; }
  #cache_accompagnement {
    overflow: auto; }
    #cache_accompagnement .modal {
      width: 90%;
      top: 20px;
      bottom: 20px;
      margin: 0px 5%;
      margin-top: 0px !important; }
      #cache_accompagnement .modal .liste_accompagnement .col_2 {
        padding: 8px 0px; }
      #cache_accompagnement .modal .liste_accompagnement div {
        width: 100%;
        text-align: left; }
      #cache_accompagnement .modal .liste_accompagnement div IMG {
        display: none; }
  #etape_commande .etapes_progression {
    height: 80px; }
  #etape_commande .etapes_progression .etape {
    height: 80px; }
  #etape_commande .etapes_progression .etape h3 {
    display: none; }
  #etape_commande .recapitulatif .ligne {
    position: relative;
    height: auto;
    padding: 15px 60px 15px 15px;
    line-height: 30px; }
  #etape_commande .recapitulatif .ligne + .ligne {
    margin-top: 5px; }
  #etape_commande .recapitulatif .ligne .titre {
    display: block;
    width: 100%; }
  #etape_commande .recapitulatif .ligne .selection {
    display: block;
    width: 100%;
    text-align: left; }
  #etape_commande .affiche_etape {
    padding-bottom: 30px; }
  #etape_commande .affiche_etape h2 {
    margin-bottom: 15px; }
  #etape_commande .choix_livraison a.bouton_livraison {
    display: block;
    width: 100%; }
  #etape_commande .choix_restaurant .case_restaurant {
    display: block;
    width: 100%; }
  #etape_commande .choix_restaurant .case_restaurant + .case_restaurant {
    margin-top: 15px; }
  #etape_commande .choix_restaurant .case_restaurant .affiche .carte {
    height: 150px; }
  #etape_commande .choix_jour .case_jour {
    width: 100%; }
  #compte_profil .bouton_ajouter {
    border: 1px solid red;
    width: 100%;
    margin-left: 15px;
    padding-right: 30px; }
  #compte_profil .ligne_historique .infos {
    width: 100%; }
  #compte_profil .ligne_historique .bouton {
    display: block;
    width: 100%;
    padding: 0px;
    padding-top: 4px; }
  #restaurant .row_infos_restaurant .infos {
    padding: 15px; }
  #restaurant .row_infos_restaurant .zone_img_map .image {
    width: 45%; }
  #restaurant .row_infos_restaurant .zone_img_map .map {
    width: 55%; }
  #fidelite .txt_fidelite {
    width: 100%; }
  #contact .telephone {
    width: 100%; }
    #contact .telephone .tel {
      display: none; }
      #contact .telephone .tel.mobile {
        display: block; }
  #contact .affiche_formulaire {
    width: 100%; }
  #footer .left {
    display: block;
    text-align: center; }
  #footer .social {
    display: block;
    width: 100%;
    margin-bottom: 20px; }
    #footer .social .case_cb {
      margin-top: 5px; }
  #footer .right {
    display: block;
    position: relative;
    right: auto;
    top: 0px;
    text-align: center; } }

/* MAX 450 PX */
@media screen and (max-width: 450px) {
  .affichage_case_produit {
    width: 100%; }
  .affichage_case_rubrique {
    width: 50%; } }

/* RETINA */