/*
Theme Name: Theme Madame ABC
Author: Mélanie Klein, Graphic Plugin
Author URI: http://www.graphic-plugin.be
Description: Theme wordpress pour le site de Madame ABC

http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
input[type="button"],
input[type="submit"],
input[type="reset"],
input[type="file"],
webkit-file-upload-button,
button {
  border-radius: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/*------------------------------FIN RESET MEYER------------------------------*/
/*------CLEARFIX-----*/
/*------STYLES GENERAUX------*/
* {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
body {
  /**
     * For IE 6/7 only
     * Include this rule to trigger hasLayout and contain floats.
     */
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  color: #1d1d1b;
  padding-top: 1em;
}
body .cf:before,
body .cf:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
body .cf:after {
  clear: both;
}
body .cf {
  clear: both;
}
body .cf {
  *zoom: 1;
}
.outliner {
  display: none;
}
p {
  font-size: 1em;
  line-height: 1.3em;
}
h3 {
  font-size: 23px;
  text-transform: uppercase;
}
strong {
  font-weight: 600;
}
a {
  color: #1d1d1b;
  text-decoration: none;
}
/*-------------------------------------------------------
-------------------------------------------------------
--------------------PAGE D'ATTENTE-------------------*/
.accueil-attente {
  padding-top: 2em;
  width: 100.5714em;
  margin: 0 auto;
}
.accueil-attente > section {
  width: 49.1438em;
  margin-top: 4em;
  margin-bottom: 4em;
}
.accueil-attente .boverie {
  border-right: 1px solid lightgrey;
  float: left;
  margin-right: 1.143em;
}
.accueil-attente .butterfly {
  float: right;
}
.accueil-attente .logo {
  display: block;
  margin: 0 auto;
  height: auto;
}
.accueil-attente .coordonnees {
  margin-top: 2em;
}
.accueil-attente .coordonnees li {
  text-align: center;
}
.accueil-attente .coordonnees h3 {
  text-transform: initial;
}
.accueil-attente .construction {
  clear: both;
  margin-top: 3em;
}
.accueil-attente .construction p {
  font-size: 3em;
  text-transform: uppercase;
  text-align: center;
  color: #bdd5c4;
}
.p-404 h3 {
  text-align: center;
  margin-top: 3em;
}
.p-404 a {
  padding: 1.3em 1em;
  background-color: #bdd5c4;
  font-size: 18px;
  text-transform: uppercase;
  color: white;
  display: block;
  margin: 1em auto 0;
  width: 13em;
  text-align: center;
}
.p-404 a:hover,
.p-404 a:active {
  background-color: #878787;
}
@media screen and (max-width: 1472px) {
  .accueil-attente {
    width: 86.429em;
  }
  .accueil-attente > section {
    width: 42.286em;
  }
}
@media screen and (max-width: 1250px) {
  .accueil-attente {
    width: 68.571em;
  }
  .accueil-attente > section {
    width: 33.429em;
  }
}
@media screen and (max-width: 980px) {
  .accueil-attente {
    width: 53.571em;
  }
  .accueil-attente > section {
    width: 26.143em;
  }
}
@media screen and (max-width: 760px) {
  .accueil-attente {
    width: 38.571em;
  }
  .accueil-attente > section {
    width: 100%;
    float: none;
    margin-top: 2em;
  }
  .accueil-attente .boverie {
    margin-right: 0;
    border-right: 0;
  }
  .accueil-attente .construction p {
    font-size: 2em;
  }
}
@media screen and (max-width: 550px) {
  .accueil-attente {
    width: 31.714em;
  }
}
@media screen and (max-width: 445px) and (orientation: portrait) {
  .accueil-attente {
    width: 90%;
  }
}
/*------ACCUEIL------*/
.accueil {
  width: 100%;
  height: 100%;
  position: absolute;
  padding-top: 0;
  min-height: 530px;
}
.accueil section {
  width: 49.8%;
  height: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.accueil section div {
  position: relative;
  padding: 3em;
  display: block;
  margin: 0 auto;
  width: 32em;
  top: 15%;
}
.accueil section h3 {
  position: relative;
  display: block;
}
.accueil .adresse h3 a:before {
  background: url('imgs/boverie/sprite.png') no-repeat -86px -9px;
  width: 20px;
  height: 23px;
  top: -0.25em;
  left: -22px;
}
.accueil .tel h3 a:before {
  background: url('imgs/boverie/sprite.png') no-repeat -9px -11px;
  width: 20px;
  height: 19px;
  top: -2px;
  left: -22px;
}
.accueil .email h3 a:before {
  background: url('imgs/boverie/sprite.png') no-repeat -48px -11px;
  width: 19px;
  height: 18px;
  top: -3px;
  left: -22px;
}
.accueil .boverie {
  float: left;
  background-image: url('imgs/madame-boverie-interieur.jpg');
}
.accueil .boverie div {
  background-color: rgba(189, 213, 196, 0.85);
}
.accueil .butterfly {
  float: right;
  background-image: url('imgs/madame-butterfly-interieur.jpg');
}
.accueil .butterfly div {
  background-color: rgba(255, 255, 255, 0.85);
}
.accueil .coordonnees {
  margin-top: 3em;
}
.accueil .coordonnees h3 {
  font-size: 16px;
  margin-bottom: 1em;
  text-transform: initial;
}
.accueil .coordonnees li {
  position: relative;
  padding-left: 2em;
}
.accueil .coordonnees li h3 a:before {
  content: '';
  position: absolute;
}
.accueil .logo {
  margin: 0 auto;
  display: block;
}
/*------MADAME BOVERIE / MADAME BUTTERFLY------*/
.menu-button {
  display: none;
}
.madame-boverie .content a:hover,
.madame-boverie .content a:active {
  color: #bdd5c4;
}
.madame-butterfly .content a:hover,
.madame-butterfly .content a:active {
  color: #bdd5c4;
}
.content {
  width: 100.5714em;
  margin: 0 auto;
}
.content .coordonnees {
  float: right;
}
.content .coordonnees h3 {
  font-size: 1em;
  text-transform: none;
}
.content .coordonnees li {
  display: inline-block;
  margin-right: 0.8em;
}
.content .coordonnees li a:before {
  content: '';
  position: absolute;
  display: inline-block;
}
.content .coordonnees a {
  position: relative;
  transition: color 0.5s;
  display: block;
}
.content .coordonnees ul {
  display: inline-block;
  vertical-align: middle;
}
.content .coordonnees .adresse {
  padding-left: 1.8em;
}
.content .coordonnees .adresse a:before {
  background: url('imgs/boverie/sprite.png') no-repeat -241px -6px;
  width: 16px;
  height: 28px;
  top: -6px;
  left: -21px;
}
.content .coordonnees .tel {
  padding-left: 2em;
}
.content .coordonnees .tel a:before {
  background: url('imgs/boverie/sprite.png') no-repeat -139px -8px;
  width: 21px;
  height: 25px;
  top: -4px;
  left: -25px;
}
.content .coordonnees .email {
  padding-left: 2.5em;
}
.content .coordonnees .email a:before {
  background: url('imgs/boverie/sprite.png') no-repeat -191px -9px;
  width: 25px;
  height: 23px;
  top: -5px;
  left: -30px;
}
.content .coordonnees .deliveroo a {
  display: block;
  background: url('imgs/boverie/sprite.png') no-repeat -282px -5px;
  width: 36px;
  height: 39px;
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  transition: all 0.5s;
}
.content .coordonnees .deliveroo a:hover,
.content .coordonnees .deliveroo a:active {
  filter: grayscale(0%);
  -webkit-filter: grayscale(0%);
}
.content .coordonnees .askemma a {
  display: block;
  background: url('imgs/boverie/sprite.png') no-repeat -340px -6px;
  width: 70px;
  height: 30px;
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  transition: all 0.5s;
}
.content .coordonnees .askemma a:hover,
.content .coordonnees .askemma a:active {
  filter: grayscale(0%);
  -webkit-filter: grayscale(0%);
}
.content .logo {
  position: relative;
  left: 31.7em;
  width: 285px;
  display: block;
}
.content .coordonnees .adresse:before {
  background: url('imgs/boverie/sprite.png') no-repeat -241px -6px;
}
.content .coordonnees .tel:before {
  background: url('imgs/boverie/sprite.png') no-repeat -139px -8px;
}
.content .coordonnees .email:before {
  background: url('imgs/boverie/sprite.png') no-repeat -191px -9px;
}
.retour-accueil {
  font-weight: 600;
  text-transform: uppercase;
  font-size: 20px;
  position: relative;
  padding-left: 3.8em;
  height: 67px;
  display: inline-block;
  padding-top: 1.2em;
  transition: color 0.5s;
}
.retour-accueil:before {
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  width: 67px;
  height: 67px;
  display: inline-block;
}
.retour-accueil:hover,
.retour-accueil:active {
  color: #bdd5c4;
}
.retour-accueil:before {
  background: url('imgs/boverie/sprite.png') no-repeat -9px -57px;
}
.main-menu .current-menu-item {
  font-weight: 600;
}
.main-menu .current-menu-item a::first-letter {
  font-size: 30px;
  color: #bdd5c4;
}
.main-menu {
  display: block;
    float: right;
    position: absolute;
    bottom: 0;
    right: 0;
}
.main-menu li {
  display: inline-block;
}
.main-menu li:last-child a:after {
  content: none;
}
.main-menu a {
  width: -moz-fit-content;
  display: block;
  font-size: 16px;
  text-transform: uppercase;
  margin-left: 1em;
  transition: color 0.5s;
}
.main-menu a:after {
  content: '//';
  margin-left: 1.2em;
}
.madame-boverie .main-menu a:hover,
.madame-boverie .main-menu a:active {
  color: #bdd5c4;
}
.madame-butterfly .main-menu a:hover,
.madame-butterfly .main-menu a:active {
  color: #bdd5c4;
}
.page {
  margin-top: 2em;
}
.intro {
  height: 52em;
  margin-bottom: 6em;
}
.intro-1 {
  float: right;
  position: relative;
}
.intro-1:before {
  content: '';
  width: 17.143em;
  height: 17.143em;
  position: absolute;
  top: -8em;
  left: -10.8em;
  z-index: -1;
}
.madame-boverie .intro-1:before {
  background-color: #bdd5c4;
}
.madame-butterfly .intro-1:before {
  background-color: #bdd5c4;
}
.button-reservation {
  /*opacity: 0;*/
  width: 20.713em;
  height: 20.713em;
  background-color: rgba(0, 0, 0, 0.8);
  text-align: center;
  text-transform: uppercase;
  position: absolute;
  top: 9em;
  left: 31.3em;
  border-radius: 20.713em;
  z-index: 10;
  transition: background-color 0.5s;
}
.button-reservation a {
  color: #FFFFFF;
  padding: 6.5em 2.4em 4.5em;
  width: 100%;
  height: 100%;
  display: block;
}
.button-reservation a:after {
  content: '';
  display: inline-block;
  width: 70px;
  height: 70px;
  position: relative;
  top: 1em;
  transition: transform 0.5s;
}
.button-reservation:hover,
.button-reservation:active {
  background-color: #000000;
}
.button-reservation:hover a:after,
.button-reservation:active a:after {
  transform: rotate(90deg);
}
.button-reservation a:after {
  background: url(imgs/boverie/sprite.png) no-repeat -94px -55px;
}
.madame-butterfly .horaires {
  width: 13.5em;
}
.horaires {
  width: 14.8571em;
  clear: both;
  position: relative;
}
.horaires h4 {
  font-size: 16px;
  font-weight: 600;
}
.horaires p {
  font-size: 14px;
  text-transform: uppercase;
}
.horaires:before {
  content: '';
  display: inline-block;
  width: 74px;
  height: 86px;
  position: absolute;
  top: -7em;
  left: 0;
}
.horaires:before {
  background: url('imgs/boverie/sprite.png') no-repeat -431px -98px;
}
.intro-2 {
  position: relative;
  top: -16.5em;
}
.intro-2 img {
  clear: both;
  position: relative;
  float: left;
  left: -30px;
  border: 30px solid white;
  box-sizing: initial;
}
.texte-intro {
  width: 40.5714em;
  float: left;
  text-align: left;
  top: 14.6em;
  position: relative;
  left: -2em;
}
.texte-intro p {
  margin-bottom: 0.5em;
}
.texte-intro strong {
  color: #bdd5c4;
}
.madame-boverie .carte-categories:before {
  content: '';
  display: inline-block;
  background: url('imgs/boverie/sprite.png') no-repeat -9px -159px;
  width: 198px;
  height: 382px;
  position: absolute;
  right: 0;
  top: -20.5em;
}
.madame-boverie .carte-categories:after {
  content: '';
  display: inline-block;
  background: url('imgs/boverie/sprite.png') no-repeat -234px -203px;
  width: 294px;
  height: 124px;
  position: absolute;
  left: 40em;
  bottom: 1.5em;
}
.madame-butterfly .carte-categories:before {
  content: '';
  display: inline-block;
  background: url('imgs/boverie/sprite.png') no-repeat -1274px -21px;
  width: 337px;
  height: 262px;
  position: absolute;
  right: 0;
  top: -18em;
}
.madame-butterfly .carte-categories .carte-cat-4 {
  top: 8.95em;
}
.madame-butterfly .carte-categories .carte-cat-1 {
  left: 34.3em;
}
.carte-categories {
  clear: both;
  position: relative;
  top: -13em;
  height: 58.2em;
}
.carte-categories h2 {
  margin-bottom: 1em;
  font-size: 47px;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  font-weight: 300;
}
.carte-categories h2:before,
.carte-categories h2:after {
  content: '';
  display: inline-block;
  top: -0.15em;
  position: relative;
  width: 18px;
  height: 18px;
  border-radius: 18px;
  background-color: black;
}
.carte-categories h2:before {
  margin-right: 0.3em;
}
.carte-categories h2:after {
  margin-left: 0.1em;
}
.carte-categories ul {
  position: relative;
}
.carte-categories li {
  position: absolute;
  z-index: 1;
}
.carte-categories h3 {
  margin-top: 0.2em;
}
.carte-categories .carte-cat-1 {
  top: 0;
  left: 0;
}
.carte-categories .carte-cat-2 {
  top: 0;
  left: 34.3em;
  text-align: right;
}
.carte-categories .carte-cat-3 {
  top: 0;
  right: 0;
  text-align: right;
}
.carte-categories .carte-cat-4 {
  top: 29em;
  left: 0;
  text-align: right;
}
.carte-categories .carte-cat-5 {
  top: 22.5em;
  left: 42.85em;
}
.carte-categories > a {
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 30px;
  color: #FFFFFF;
  font-weight: 600;
  text-transform: uppercase;
  padding: 2.5em 1.5em 3em;
  width: 270px;
  height: 270px;
  text-align: center;
  transition: background-color 0.5s;
}
.carte-categories > a:after {
  content: '';
  display: inline-block;
  width: 67px;
  height: 67px;
  position: absolute;
  top: 4.8em;
  left: 3.4em;
  transition: transform 0.5s;
}
.carte-categories > a {
  background-color: #bdd5c4;
}
.carte-categories > a:after {
  background: url('imgs/boverie/sprite.png') no-repeat -182px -57px;
}
.carte-categories > a:hover,
.carte-categories > a:active {
  background-color: #a7bdae;
  color: #FFFFFF !important;
}
.carte-categories > a:hover:after,
.carte-categories > a:active:after {
  transform: rotate(90deg);
}
.appel-commande {
  text-align: center;
  color: #FFFFFF;
  width: 100%;
  background-color: #1d1d1b;
  padding: 4em 0 8em;
}
.appel-commande h2 {
  font-size: 30px;
  color: #FFFFFF;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 0.5em;
}
.appel-commande p {
  font-size: 18px;
  color: #FFFFFF;
}
.appel-commande a {
  display: block;
  position: relative;
}
.appel-commande a:hover:after,
.appel-commande a:active:after {
  transform: rotate(90deg);
}
.appel-commande a:after {
  content: '';
  display: inline-block;
  width: 67px;
  height: 67px;
  position: absolute;
  top: 6em;
  left: 47.65em;
  transition: transform 0.5s;
}
.appel-commande a:after {
  background: url('imgs/boverie/sprite.png') no-repeat -96px -57px;
}
.madame-butterfly .fb-bloc a:before {
  content: '';
  display: inline-block;
  background: url('imgs/boverie/sprite.png') no-repeat -1667px -82px;
  width: 221px;
  height: 201px;
  position: absolute;
  top: -14.2em;
  left: 0em;
}
.fb-bloc {
  padding: 5em 0;
}
.fb-bloc h2 {
  text-transform: uppercase;
  text-align: center;
  font-size: 30px;
}
.fb-bloc a {
  background: url('imgs/boverie/sprite.png') no-repeat -234px -349px;
  width: 488px;
  height: 300px;
  margin: 15em auto;
  position: relative;
  display: block;
  padding: 5.9em 2em;
}
.fb-bloc a:hover:after,
.fb-bloc a:active:after {
  background-position: -339px -120px;
}
.fb-bloc a:after {
  content: '';
  display: inline-block;
  background: url('imgs/boverie/sprite.png') no-repeat -431px -9px;
  width: 61px;
  height: 61px;
  position: absolute;
  top: 12em;
  left: 15.25em;
}
.fb-bloc strong {
  margin-bottom: 0.2em;
  display: block;
}
.fb-bloc a:hover:after,
.fb-bloc a:active:after {
  background-position: -339px -120px;
}
.fb-bloc-lien {
  width: 57.714em;
  float: left;
}
.fb-bloc-feed {
  position: relative;
  width: 40.5714em;
  float: right;
}
.fb-bloc-feed:after {
  content: '';
  display: inline-block;
  width: 485px;
  height: 677px;
  position: absolute;
  top: 5em;
  left: 6em;
  z-index: -1;
}
.fb-bloc-feed:after {
  background-color: #bdd5c4;
}
/*----------------------LA CARTE--------------------*/
.madame-boverie .page-carte .page-title:after {
  background: url('imgs/boverie/sprite.png') no-repeat -12px -674px;
  width: 336px;
  height: 157px;
  content: '';
  display: inline-block;
  position: absolute;
  bottom: -11.1em;
  right: 3em;
}
.madame-butterfly .page-carte .page-title:after {
  background: url('imgs/boverie/sprite.png') no-repeat -1782px -609px;
  width: 265px;
  height: 179px;
  content: '';
  display: inline-block;
  position: absolute;
  bottom: -13.5em;
  right: 0em;
}
.page-carte .page-title {
  padding: 8.3em 5.5em;
  position: relative;
}
.page-carte .horaires {
  position: absolute;
  bottom: 0;
  left: 0;
}
.carte-intro:before {
  background-color: #bdd5c4;
}
.carte-intro {
  position: relative;
}
.carte-intro:before {
  content: '';
  width: 17.143em;
  height: 17.143em;
  position: absolute;
  top: -8em;
  left: 6.3em;
  z-index: -1;
}
.carte-intro img {
  float: left;
  margin-left: 17.2em;
}
.page-title {
  float: right;
  width: 23.4286em;
  height: 23.4286em;
  background-color: #1d1d1b;
  padding: 1em;
}
.page-title h2 {
  font-size: 40px;
  font-weight: 600;
  color: #FFFFFF;
  text-transform: uppercase;
  text-align: center;
}
.lacarte h5 {
  color: #bdd5c4;
}
.lacarte .intitule {
  border-bottom: 1px solid #bdd5c4;
}
.lacarte {
  padding-top: 5em;
  position: relative;
}
.lacarte .carte-info {
  font-size: 20px;
  margin-bottom: 2em;
  color: #1d1d1b;
}
.lacarte > div {
  margin-right: -2em;
  margin-bottom: 2em;
}
.lacarte h3 {
  font-size: 47px;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  font-weight: 300;
  margin-bottom: 0.8em;
  width: 14.65em;
}
.lacarte h3 em {
  display: block;
}
.lacarte h4 {
  font-size: 23px;
  line-height: 1.2em;
  text-transform: uppercase;
}
.lacarte h5 {
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
  float: left;
  vertical-align: bottom;
  max-width: 15em;
}
.lacarte .prix {
  float: right;
  vertical-align: bottom;
}
.lacarte .prix span {
  font-weight: 600;
  margin-left: 0.5em;
  display: inline-block;
}
.lacarte em {
  font-size: 14px;
  color: #878787;
  font-weight: 600;
  font-style: italic;
  margin-top: 0.1em;
}
.lacarte .intitule {
  padding-bottom: 0.3em;
  margin-bottom: 0.3em;
}
.lacarte p {
  font-size: 14px;
  color: #878787;
}
.lacarte .sous-cat {
  display: inline-block;
  vertical-align: top;
  margin-right: 2em;
}
.lacarte .sous-cat > ul {
  margin-bottom: 4em;
}
.lacarte .sous-cat-title {
  margin-bottom: 2em;
}
.lacarte .sous-cat.col3 {
  width: 23.4286em;
}
.lacarte .sous-cat.col4 {
  width: 32em;
}
.lacarte .sous-cat.col6 {
  width: 49.1438em;
  margin-right: -2em;
}
.lacarte .sous-cat.col6 ul {
  vertical-align: top;
  display: inline-block;
  width: 100%;
}
.lacarte .sous-cat.col6 li {
  vertical-align: top;
  display: inline-block;
  width: 23.4286em;
  margin-right: 1em;
}
.lacarte li {
  margin-bottom: 1.5em;
}
.lacarte strong {
  color: #878787;
}
.lacarte .legende {
  margin-top: -2em;
  float: right;
}
.lacarte .legende p {
  font-size: 16px;
  font-weight: 600;
  display: inline-block;
  text-align: right;
  margin-left: 1em;
  color: #1d1d1b;
}
.lacarte .legende .emporter {
  padding-left: 1.6em;
  position: relative;
}
.lacarte .legende .emporter:before {
  content: '';
  display: inline-block;
  background: url('imgs/boverie/sprite.png') no-repeat -327px -72px;
  width: 19px;
  height: 15px;
  position: absolute;
  top: 0em;
  left: 0em;
}
.lacarte .legende .sur-place {
  padding-left: 1.1em;
  position: relative;
}
.lacarte .legende .sur-place:before {
  content: '';
  display: inline-block;
  background: url('imgs/boverie/sprite.png') no-repeat -359px -72px;
  width: 11px;
  height: 20px;
  position: absolute;
  top: 0em;
  left: 0em;
}
.lacarte .legende .bagels-prix {
  padding-left: 1.6em;
  position: relative;
}
.lacarte .legende .bagels-prix:before {
  content: '';
  display: inline-block;
  background: url('imgs/boverie/sprite.png') no-repeat -548px -210px;
  width: 23px;
  height: 23px;
  position: absolute;
  top: 0em;
  left: 0em;
}
.lacarte .legende .sand-prix {
  padding-left: 1.6em;
  position: relative;
}
.lacarte .legende .sand-prix:before {
  content: '';
  display: inline-block;
  background: url('imgs/boverie/sprite.png') no-repeat -587px -210px;
  width: 22px;
  height: 23px;
  position: absolute;
  top: 0em;
  left: 0em;
}
.madame-butterfly .cat-1 .sous-cat-3 > ul li:first-of-type .prix span:first-of-type {
  position: relative;
}
.madame-butterfly .cat-1 .sous-cat-3 > ul li:first-of-type .prix span:first-of-type:before {
  content: '';
  display: inline-block;
  background: url('imgs/boverie/sprite.png') no-repeat -548px -210px;
  width: 23px;
  height: 23px;
  position: absolute;
  top: -2em;
  left: 0.6em;
}
.madame-butterfly .cat-1 .sous-cat-3 > ul li:first-of-type .prix span:first-of-type + span {
  position: relative;
}
.madame-butterfly .cat-1 .sous-cat-3 > ul li:first-of-type .prix span:first-of-type + span:before {
  content: '';
  display: inline-block;
  background: url('imgs/boverie/sprite.png') no-repeat -587px -210px;
  width: 22px;
  height: 23px;
  position: absolute;
  top: -2em;
  left: 0.5em;
}
.madame-butterfly .cat-1 .sous-cat-title {
  margin-bottom: 3.5em;
}
.madame-boverie .cat-1 .sous-cat > ul li:first-of-type .prix span:first-of-type {
  position: relative;
}
.madame-boverie .cat-1 .sous-cat > ul li:first-of-type .prix span:first-of-type:before {
  content: '';
  display: inline-block;
  background: url('imgs/boverie/sprite.png') no-repeat -327px -72px;
  width: 19px;
  height: 15px;
  position: absolute;
  top: -1.4em;
  left: 0.8em;
}
.madame-boverie .cat-1 .sous-cat > ul li:first-of-type .prix span:first-of-type + span {
  position: relative;
}
.madame-boverie .cat-1 .sous-cat > ul li:first-of-type .prix span:first-of-type + span:before {
  content: '';
  display: inline-block;
  background: url('imgs/boverie/sprite.png') no-repeat -359px -72px;
  width: 11px;
  height: 20px;
  position: absolute;
  top: -1.5em;
  left: 0.8em;
}
.madame-boverie .cat-1 .sous-cat-title {
  margin-bottom: 3.5em;
}
.madame-boverie .lacarte .cat-2 .sous-cat.col6 {
  margin-right: 2em;
}
.madame-boverie .lacarte .cat-2 .sous-cat.col6 li {
  width: 100%;
  margin-right: 0;
}
.madame-boverie .cat-3 {
  position: relative;
}
.madame-boverie .cat-3:before {
  content: '';
  display: inline-block;
  background: url('imgs/boverie/sprite.png') no-repeat -375px -671px;
  width: 388px;
  height: 251px;
  position: absolute;
  top: -7em;
  right: 0;
}
.cat-3 h4 span {
  float: right;
  font-weight: 600;
}
.cat-3 .sous-cat-title {
  margin-bottom: 1em !important;
  border-bottom: 1px solid black;
  padding-bottom: 0.5em;
}
.cat-3 .liste li {
  display: block;
  margin-bottom: 0.5em;
}
.cat-3 .liste h5 {
  float: none;
}
.madame-butterfly .cat-2,
.madame-butterfly .cat-3 {
  width: 49.1438em;
  display: inline-block;
}
.madame-butterfly .cat-2 .sous-cat,
.madame-butterfly .cat-3 .sous-cat {
  width: 100%;
}
.madame-butterfly .cat-2 {
  margin-right: 1.5em;
}
.madame-butterfly .cat-3 {
  margin-right: 0;
}
.madame-butterfly .lacarte h5 {
  max-width: initial;
}
/*----------------------COMMANDE--------------------*/
.commande-mail-content {
  position: relative;
  display: inline-block;
  width: 32em;
  vertical-align: top;
  text-align: center;
  transition: all 0.5s;
}
.commande-mail-no {
  display: none;
  position: absolute;
  width: 110%;
  height: 110%;
  background-color: rgba(255, 255, 255, 0.9);
  top: -12px;
  left: -12px;
  padding: 10em 4em;
}
.commande-mail-no p {
  font-size: 22px;
  line-height: 1.3em;
  color: #1d1d1b;
}
.commande-askemma {
  display: inline-block;
  width: 32em;
  position: relative;
}
.commande-types {
  text-align: center;
  margin-top: 5em;
}
.commande-types h3 {
  text-align: left;
}
.commande-types a {
  display: inline-block;
  width: 32em;
  vertical-align: top;
  text-align: center;
  transition: all 0.5s;
}
.commande-types a img {
  transition: all 0.5s;
}
.commande-types a:hover img,
.commande-types a:active img {
  transform: rotate(5deg);
}
.commande-types h4 {
  font-size: 20px;
}
.commande-types h3 {
  margin-bottom: 3.5em;
  font-weight: bold;
}
.commande-types h3 strong {
  font-size: 47px;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  font-weight: 300;
  margin-bottom: 0.2em;
  display: block;
}
.commande-mail img {
  margin-top: 2em;
}
.commande-askemma {
  margin: 0 2em;
}
.commande-askemma img {
  margin-top: 2em;
}
.madame-butterfly .commande-askemma {
  margin: 0 2em 0 17.2em;
}
/*--------------------CONTACT---------------------*/
.rgpd-check {
  font-size: 12px;
  font-style: italic;
}
.rgpd-check input[type="checkbox"] {
  float: left;
  width: 1em;
  margin-bottom: 1em;
}
.contact-intro:before,
.commande-intro:before {
  background-color: #bdd5c4;
}
.contact-intro,
.commande-intro {
  position: relative;
}
.contact-intro:before,
.commande-intro:before {
  content: '';
  width: 17.143em;
  height: 17.143em;
  position: absolute;
  top: -8em;
  left: 6.3em;
  z-index: -1;
}
.contact-intro img,
.commande-intro img {
  float: right;
}
.contact-intro .page-title,
.commande-intro .page-title {
  float: left;
  padding: 8.8em 1.5em;
  margin-left: 17.2em;
}
.contact-intro .page-title h2,
.commande-intro .page-title h2 {
  text-align: left;
}
.page-contact .horaires,
.page-commande .horaires {
  position: absolute;
  top: 19.9em;
}
.contact-coord .adresse:before {
  background: url('imgs/boverie/sprite.png') no-repeat -745px -313px;
}
.contact-coord .tel:before {
  background: url('imgs/boverie/sprite.png') no-repeat -745px -460px;
}
.contact-coord .email:before {
  background: url('imgs/boverie/sprite.png') no-repeat -745px -390px;
}
.contact-coord {
  float: left;
  margin-top: 12em;
  text-align: center;
  width: 40.5714em;
}
.contact-coord h3 {
  text-transform: initial;
}
.contact-coord li {
  margin-bottom: 3em;
  position: relative;
  padding-top: 4em;
}
.contact-coord li:before {
  content: '';
  display: inline-block;
  position: absolute;
}
.contact-coord .adresse:before {
  width: 39px;
  height: 44px;
  top: 0;
  left: 19em;
}
.contact-coord .tel:before {
  width: 39px;
  height: 39px;
  top: 0;
  left: 19em;
}
.contact-coord .email:before {
  width: 39px;
  height: 37px;
  top: 0;
  left: 19em;
}
.contact-coord a {
  transition: color 0.5s;
}
.contact-coord a:hover,
.contact-coord a:active {
  color: #bdd5c4;
}
.contact-form {
  margin-top: 5em;
}
.contact-form h3 {
  font-size: 47px;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  font-weight: 300;
  margin-bottom: 0.8em;
  width: 14.65em;
}
.bloc-form .form-col6 {
  margin-bottom: 1em !important;
}
.madame-boverie .bloc-form:before {
  content: '';
  display: inline-block;
  background: url('imgs/boverie/sprite.png') no-repeat -965px -14px;
  width: 257px;
  height: 320px;
  position: absolute;
  left: -18.3em;
  top: 0;
}
.madame-butterfly .bloc-form:before {
  content: '';
  display: inline-block;
  background: url('imgs/boverie/sprite.png') no-repeat -1782px -825px;
  width: 295px;
  height: 162px;
  position: absolute;
  right: -17.3em;
  top: -2em;
}
.bloc-form .submit {
  background-color: #bdd5c4;
}
.bloc-form .submit:hover,
.bloc-form .submit:active {
  background-color: #a7bdae;
}
.bloc-form .submit:after {
  background: url(imgs/boverie/sprite.png) no-repeat -182px -57px;
}
.bloc-form input:focus,
.bloc-form textarea:focus {
  outline-offset: 0;
  outline: 0;
  border-left: 4px solid #bdd5c4;
}
.bloc-form {
  background: url('imgs/boverie/sprite.png') no-repeat -803px -355px;
  width: 930px;
  height: 670px;
  margin: 0 auto;
  
  padding: 8.6em;
  padding-top: 4em;
  position: relative;
}
.bloc-form form > div {
  margin-bottom: 2em;
}
.bloc-form div.first {
  margin-right: 2em;
}
.bloc-form label {
  font-size: 18px;
  text-transform: uppercase;
  margin-bottom: 0.5em;
  display: block;
}
.bloc-form input {
  display: block;
  font-size: 14px;
  padding: 1em;
  font-family: 'Montserrat', sans-serif;
  width: 100%;
  border: 1px solid #1d1d1b;
}
.bloc-form .form-col3 {
  width: 23.4286em;
  display: inline-block;
}
.bloc-form .form-col6 {
  width: 49.1438em;
}
.bloc-form textarea {
  width: 100%;
  height: 20em;
  border: 1px solid #1d1d1b;
}
.bloc-form .submit {
  position: absolute;
  display: inline-block;
  bottom: -10em;
  right: -10em;
  width: 270px;
  height: 270px;
  padding: 1.5em 1.5em 3em;
  cursor: pointer;
  transition: background-color 0.5s;
}
.bloc-form .submit:hover:after,
.bloc-form .submit:active:after {
  transform: rotate(90deg);
}
.bloc-form .submit:after {
  content: '';
  display: inline-block;
  width: 67px;
  height: 67px;
  position: absolute;
  top: 9.8em;
  left: 7em;
  transition: transform 0.5s;
}
.bloc-form input[type="submit"] {
  font-size: 30px;
  margin-top: 1.2em;
  color: #fff;
  font-weight: 600;
  text-transform: uppercase;
  text-align: center;
  background-color: transparent;
  border: 0;
}
#map1,
#map2 {
  margin-top: 12em;
  height: 30em;
}
/*----------------------FOOTER--------------------*/
.madame-boverie footer .content:before {
  content: '';
  display: inline-block;
  background: url('imgs/boverie/sprite.png') no-repeat -658px -14px;
  width: 274px;
  height: 218px;
  position: absolute;
  top: -24.6em;
  left: 0;
}
.madame-butterfly footer .content:before {
  content: '';
  display: inline-block;
  background: url('imgs/boverie/sprite.png') no-repeat -1781px -345px;
  width: 203px;
  height: 241px;
  position: absolute;
  top: -25.4em;
  left: 0;
}
footer .content .page-top:before {
  background: url('imgs/boverie/sprite.png') no-repeat -288px -69px;
}
.madame-boverie footer a:hover,
.madame-boverie footer a:active {
  color: #bdd5c4;
}
.madame-butterfly footer a:hover,
.madame-butterfly footer a:active {
  color: #bdd5c4;
}
.madame-butterfly footer .footer-logo {
  left: 32em;
  top: -15.8em;
}
.madame-boverie footer .footer-logo {
  left: 36.1em;
  top: -16.7em;
}
footer {
  clear: both;
  margin-top: 18em;
  border-top: 1px solid #1d1d1b;
  padding-top: 9em;
}
footer .content {
  position: relative;
}
footer a {
  transition: color 0.5s;
}
footer .footer-logo {
  position: absolute;
}
footer .content > div {
  vertical-align: top;
  width: 23.4286em;
  margin-right: 1em;
  display: inline-block;
}
footer .content > div li {
  font-size: 12px;
  margin-bottom: 0.8em;
}
footer .content > div:last-child {
  margin-right: 0;
}
footer .footer-menu a {
  text-transform: uppercase;
}
footer .footer-coord li {
  padding-left: 2.2em;
  margin-bottom: 2em !important;
}
footer .copyright {
  font-size: 10px;
  margin: 2em 0 0.3em;
  color: #878787;
  text-align: right;
}
footer .content .page-top {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  vertical-align: bottom;
  text-align: right;
  position: relative;
}
footer .content .page-top:hover:before,
footer .content .page-top:active:before {
  top: -4.2em;
}
footer .content .page-top:before {
  content: '';
  display: inline-block;
  width: 17px;
  height: 37px;
  position: absolute;
  top: -3.2em;
  right: 0em;
  transition: top 0.5s;
}
footer .footer-adresse {
  position: relative;
}
footer .footer-adresse:before {
  content: '';
  display: inline-block;
  background: url('imgs/boverie/sprite.png') no-repeat -89px -10px;
  width: 12px;
  height: 21px;
  position: absolute;
  top: -5px;
  left: 0;
}
footer .footer-tel {
  position: relative;
}
footer .footer-tel:before {
  content: '';
  display: inline-block;
  background: url('imgs/boverie/sprite.png') no-repeat -10px -11px;
  width: 16px;
  height: 19px;
  position: absolute;
  top: -3px;
  left: 0;
}
footer .footer-mail {
  position: relative;
}
footer .footer-mail:before {
  content: '';
  display: inline-block;
  background: url('imgs/boverie/sprite.png') no-repeat -48px -11px;
  width: 19px;
  height: 18px;
  position: absolute;
  top: -5px;
  left: 0;
}
footer .footer-partners li {
  padding-left: 4.6em;
  margin-bottom: 2em !important;
}
footer .footer-fb {
  position: relative;
}
footer .footer-fb:before {
  content: '';
  display: inline-block;
  background: url('imgs/boverie/sprite.png') no-repeat -544px -12px;
  width: 26px;
  height: 25px;
  position: absolute;
  top: -6px;
  left: 13px;
}
footer .footer-deliveroo {
  position: relative;
}
footer .footer-deliveroo:before {
  content: '';
  display: inline-block;
  background: url('imgs/boverie/sprite.png') no-repeat -544px -52px;
  width: 25px;
  height: 28px;
  position: absolute;
  top: -7px;
  left: 12px;
}
footer .footer-askemma {
  position: relative;
}
footer .footer-askemma:before {
  content: '';
  display: inline-block;
  background: url('imgs/boverie/sprite.png') no-repeat -546px -95px;
  width: 53px;
  height: 22px;
  position: absolute;
  top: -4px;
  left: 0;
}
/*--------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------*/
/*--------------------------------------RESPONSIVE--------------------------------------*/
@media screen and (max-height: 710px) {
  .accueil section div {
    top: 8%;
  }
}
@media screen and (max-height: 616px) {
  .accueil .logo {
    width: 16em;
  }
  .accueil .coordonnees h3 {
    font-size: 14px;
  }
  .accueil section div {
    padding: 2em;
  }
}
/*77 26 - 1210*/
@media screen and (max-width: 1472px) {
  .content {
    width: 86.429em;
  }
  .content .logo {
    width: 16.6em;
    display: inline-block;
    left: 27.55em;
  }
  .content .logo img {
    width: 100%;
    height: auto;
  }
  .intro-1 {
    width: 71.714em;
  }
  .intro-1:before {
    top: -6.9em;
    height: 14.8em;
    width: 14.8em;
    left: -9.2em;
  }
  .intro-1 img {
    width: 100%;
    height: auto;
  }

  .main-menu a {
    margin-left: 0.5em;
  }
  .main-menu a:after {
    margin-left: 0.8em;
  }
  .intro-2 img {
    width: 27.571em;
    left: -26px;
    border: 26px solid white;
  }
  .madame-butterfly .carte-categories .carte-cat-4 {
    width: 27.571em;
    top: 8.46em;
  }
  .madame-butterfly .carte-categories .carte-cat-1 {
    width: 32em;
    left: 29.45em;
  }
  .madame-butterfly .carte-categories .carte-cat-3 {
    width: 23.4em;
  }
  .madame-boverie .carte-categories {
    height: 51.8em;
    top: -10em;
  }
  .madame-butterfly .carte-categories {
    height: 51.9em;
    top: -10em;
  }
  .carte-categories > a {
    padding: 1.7em 1em 1em;
    width: 228px;
    height: 228px;
  }
  .carte-categories > a:after {
    top: 4em;
    left: 2.8em;
  }
  .carte-categories img {
    width: 100%;
    height: auto;
  }
  .carte-categories .carte-cat-1,
  .carte-categories .carte-cat-2,
  .carte-categories .carte-cat-3 {
    width: 27.571em;
  }
  .carte-categories .carte-cat-4,
  .carte-categories .carte-cat-5 {
    width: 35em;
  }
  .carte-categories .carte-cat-2 {
    left: 29.4em;
  }
  .carte-categories .carte-cat-4 {
    top: 26em;
  }
  .carte-categories .carte-cat-5 {
    left: 36.7em;
    top: 19.5em;
  }
  .madame-butterfly .carte-categories:before {
    top: -16em;
  }
  .madame-boverie .carte-categories:after {
    bottom: 1em;
    left: 35em;
  }
  .fb-bloc-feed {
    width: 27.571em;
    margin-right: 7.4em;
    height: 42em;
  }
  .fb-bloc-feed:after {
    width: 385px;
    height: 42em;
    position: absolute;
    top: 5em;
    left: 7.45em;
  }
  .fb-bloc-lien {
    width: 49.643em;
  }
  .fb-bloc-feed .fb_iframe_widget,
  .fb-bloc-feed .fb_iframe_widget span,
  .fb-bloc-feed .fb_iframe_widget iframe,
  .fb-bloc-feed .fb_iframe_widget iframe ._2p3a {
    width: 390px !important;
    height: 42em !important;
  }
  .carte-intro:before,
  .contact-intro:before,
  .commande-intro:before {
    top: -6.9em;
    height: 14.8em;
    width: 14.8em;
    left: 5.5em;
  }
  .carte-intro img,
  .contact-intro img,
  .commande-intro img {
    width: 49.643em;
    height: auto;
  }
  .carte-intro img {
    margin-left: 14.7em;
  }
  .page-title {
    width: 20.214em;
    height: 20.214em;
  }
  .page-carte .page-title {
    padding: 7.3em 4.5em;
  }
  .lacarte > div {
    margin-right: -1.55em;
  }
  .lacarte .sous-cat.col3 {
    width: 20.214em;
  }
  .lacarte .sous-cat.col6 {
    width: 42.286em;
  }
  .lacarte .sous-cat.col6 li {
    width: 20.214em;
    margin-right: 0.8em;
  }
  .lacarte .sous-cat.col4 {
    width: 27.571em;
  }
  .lacarte .sous-cat {
    margin-right: 1.55em;
  }
  .appel-commande a:after {
    left: 40.65em;
  }
  .cat-3:before {
    top: -10em;
  }
  .madame-butterfly .cat-2,
  .madame-butterfly .cat-3 {
    width: 42.286em;
  }
  .madame-boverie .lacarte .cat-2 .sous-cat.col6 {
    margin-right: 1.55em;
  }
  .commande-askemma {
    width: 27.571em;
  }
  .commande-types a,
  .commande-mail-content {
    width: 27.571em;
  }
  .commande-mail-no {
    padding: 9em 4em;
  }
  .commande-askemma {
    margin: 0 1.5em;
  }
  .commande-deliveroo img {
    width: 100%;
    height: auto;
  }
  .madame-butterfly .commande-askemma {
    margin: 0 2em 0 14.65em;
  }
  .contact-intro .page-title,
  .commande-intro .page-title {
    margin-left: 14.7em;
    padding: 7.2em 0.95em;
  }
  .page-contact .horaires,
  .page-commande .horaires {
    top: 16.6em;
  }
  .contact-coord {
    width: 35em;
    margin-top: 8em;
  }
  .contact-coord .adresse:before,
  .contact-coord .tel:before,
  .contact-coord .email:before {
    left: 16.15em;
  }
  .madame-butterfly .bloc-form:before {
    right: -14.65em;
  }
  .bloc-form {
    background-position: -946px -1238px;
    width: 57em;
    height: 578px;
    padding: 5.2em 7.3em;
  }
  .bloc-form .form-col3 {
    width: 20.214em;
  }
  .bloc-form .form-col6 {
    width: 42.286em;
  }
  .bloc-form div.first {
    margin-right: 1.65em;
  }
  .bloc-form .submit {
    padding: 1.7em 1em 1em;
    width: 228px;
    height: 228px;
    bottom: -9em;
    right: -9.1em;
  }
  .bloc-form .submit:after {
    top: 8em;
    left: 5.6em;
  }
  .rgpd-check input[type="checkbox"] {
    margin-bottom: 2em;
  }
  .bloc-form input[type="submit"] {
    margin-top: 0.3em;
  }
  .bloc-form textarea {
    height: 16em;
  }
  footer .content > div {
    width: 20.214em;
    margin-right: 1.59em;
  }
  footer .content .page-top {
    margin-right: 0;
  }
  .madame-boverie footer .footer-logo {
    left: 28.9em;
    top: -16.7em;
  }
  .madame-butterfly footer .footer-logo {
    left: 24.9em;
  }
  .rgpd-check input[type="checkbox"] {
    margin-bottom: 2em;
  }
}
/*58 24 - 960*/
@media screen and (max-width: 1250px) {
  .accueil section div {
    width: 24em;
    padding: 2em;
  }
  .madame-butterfly .horaires {
    width: 11.5em;
  }
  .accueil .logo {
    width: 100%;
  }
  .accueil .coordonnees h3 {
    font-size: 14px;
  }
  .content {
    width: 68.571em;
  }
  .content .logo {
    width: 13.6em;
    left: 21.6em;
  }
  .intro {
    height: 35em;
  }
  .intro-1 {
    width: 56.857em;
  }
  .intro-1:before {
    top: -5.9em;
    height: 11.8em;
    width: 11.8em;
    left: -6em;
  }
  .page {
    margin-top: 1em;
  }
  .content .coordonnees h3 {
    font-size: 0.857em;
  }
  .content .coordonnees li {
    margin-right: 0.5em;
  }

  .main-menu a {
    margin-left: 0.5em;
    font-size: 13px;
  }
  .main-menu a:after {
    margin-left: 0.8em;
  }
  .intro-2 {
    top: -13.5em;
  }
  .intro-2 img {
    width: 21.714em;
    left: -24px;
    border: 24px solid white;
  }
  .horaires {
    width: 10em;
  }
  .horaires h4 {
    font-size: 14px;
  }
  .horaires p {
    font-size: 12px;
  }
  h3 {
    font-size: 20px;
  }
  .button-reservation {
    top: 4em;
    left: 20.5em;
    width: 16em;
    height: 16em;
  }
  .button-reservation a {
    padding: 4em 1.4em 4.5em;
  }
  .texte-intro {
    left: -1.7em;
    width: 33.429em;
    top: 10.6em;
  }
  .texte-intro p {
    font-size: 0.857em;
  }
  .carte-categories h2 {
    font-size: 37px;
  }
  .carte-categories h2:before,
  .carte-categories h2:after {
    width: 12px;
    height: 12px;
    border-radius: 12px;
  }
  .madame-butterfly .carte-categories .carte-cat-4 {
    width: 21.714em;
    top: 6.46em;
  }
  .madame-butterfly .carte-categories .carte-cat-1 {
    width: 25em;
    left: 23.45em;
  }
  .madame-butterfly .carte-categories .carte-cat-3 {
    width: 18.2em;
  }
  .madame-butterfly .carte-categories {
    height: 40.8em;
    top: -9.5em;
  }
  .madame-boverie .carte-categories {
    height: 40.6em;
    top: -10.5em;
  }
  .carte-categories > a {
    padding: 1.7em 1em 1em;
    width: 185px;
    height: 185px;
    font-size: 22px;
  }
  .carte-categories > a:after {
    top: 4em;
    left: 2.8em;
  }
  .carte-categories .carte-cat-1,
  .carte-categories .carte-cat-2,
  .carte-categories .carte-cat-3 {
    width: 21.714em;
  }
  .carte-categories .carte-cat-4,
  .carte-categories .carte-cat-5 {
    width: 27.571em;
  }
  .carte-categories .carte-cat-2 {
    left: 23.45em;
  }
  .carte-categories .carte-cat-4 {
    top: 20em;
  }
  .carte-categories .carte-cat-5 {
    left: 29.3em;
    top: 15.5em;
  }
  .madame-boverie .carte-categories:before {
    top: -13.2em;
    background-position: -9px -856px;
    width: 136px;
    height: 261px;
  }
  .madame-butterfly .carte-categories:before {
    background-position: -1499px -1045px;
    width: 223px;
    height: 174px;
    top: -9em;
  }
  .madame-boverie .carte-categories:after {
    bottom: 1em;
    left: 27em;
  }
  .carte-intro:before,
  .contact-intro:before,
  .commande-intro:before {
    top: -5.9em;
    height: 11.8em;
    width: 11.8em;
    left: 5.8em;
  }
  .carte-intro img,
  .contact-intro img,
  .commande-intro img {
    width: 39.286em;
  }
  .carte-intro img {
    margin-left: 11.8em;
  }
  .page-title {
    width: 15.857em;
    height: 15.857em;
  }
  .page-title h2 {
    font-size: 28px;
  }
  .page-carte .page-title {
    padding: 5.9em 3.5em;
  }
  .lacarte h3 {
    font-size: 37px;
  }
  .lacarte h4 {
    font-size: 18px;
  }
  .lacarte h5 {
    font-size: 15px;
  }
  .lacarte em {
    font-size: 12px;
  }
  .lacarte > div {
    margin-right: -1.4em;
  }
  .lacarte .sous-cat.col3 {
    width: 15.857em;
  }
  .lacarte .sous-cat.col6 {
    width: 33.429em;
  }
  .lacarte .sous-cat.col6 li {
    width: 15.857em;
    margin-right: 0.7em;
  }
  .lacarte .sous-cat.col4 {
    width: 21.714em;
  }
  .lacarte .sous-cat {
    margin-right: 1.4em;
  }
  .lacarte .carte-info {
    font-size: 18px;
  }
  .cat-3:before {
    top: -10em;
    background-position: -10px -1189px;
    width: 321px;
    height: 208px;
  }
  .madame-butterfly .cat-2,
  .madame-butterfly .cat-3 {
    width: 33.429em;
  }
  .madame-butterfly .cat-2 {
    margin-right: 1.4em;
  }
  .madame-boverie .lacarte .cat-2 .sous-cat.col6 {
    margin-right: 0;
  }
  .appel-commande a:after {
    left: 31.8em;
  }
  .commande-askemma,
  .commande-types a,
  .commande-mail-content {
    width: 21.714em;
  }
  .commande-mail-no {
    padding: 8.5em 4em;
  }
  .commande-mail-no p {
    font-size: 18px;
  }
  .commande-askemma {
    margin: 0 1.4em;
  }
  .commande-askemma img {
    width: 85%;
  }
  .commande-deliveroo img {
    width: 100%;
  }
  .commande-mail img {
    width: 43%;
  }
  .commande-types h3 strong {
    font-size: 37px;
  }
  .commande-types h4 {
    font-size: 18px;
  }
  .madame-butterfly .commande-askemma {
    margin: 0 1.4em 0 11.65em;
  }
  .contact-intro .page-title,
  .commande-intro .page-title {
    margin-left: 11.8em;
    padding: 6em 1.5em;
  }
  .page-contact .horaires,
  .page-commande .horaires {
    top: 11.85em;
  }
  .contact-coord {
    width: 27.571em;
    margin-top: 4.5em;
  }
  .contact-coord .adresse:before,
  .contact-coord .tel:before,
  .contact-coord .email:before {
    left: 12.45em;
  }
  .bloc-form {
    background-position: -273px -1403px;
    width: 45.143em;
    height: 456px;
    padding: 4.2em 5.7em;
  }
  .madame-butterfly .bloc-form:before {
    right: -9.65em;
    top: 3em;
    background-position: -2149px -62px;
    width: 181px;
    height: 100px;
  }
  .bloc-form .form-col3 {
    width: 15.857em;
  }
  .bloc-form .form-col6 {
    width: 33.429em;
  }
  .bloc-form div.first {
    margin-right: 1.65em;
  }
  .bloc-form .submit {
    bottom: -7.5em;
    right: -6.8em;
    padding: 1.7em 1em 1em;
    width: 185px;
    height: 185px;
  }
  .bloc-form .submit:after {
    top: 6em;
    left: 4.15em;
  }
  .contact-form h3 {
    font-size: 37px;
  }
  .bloc-form input {
    padding: 0.8em;
  }
  .bloc-form input[type="submit"] {
    margin-top: 0.3em;
    font-size: 22px;
  }
  .bloc-form label {
    font-size: 16px;
  }
  .bloc-form form > div {
    margin-bottom: 1.5em;
  }
  .fb-bloc-feed {
    width: 27.571em;
    height: 42em;
    margin-right: 5.5em;
  }
  .fb-bloc-feed:after {
    left: 5.4em;
    width: 390px;
  }
  .fb-bloc-lien {
    width: 33.429em;
  }
  .madame-butterfly .fb-bloc a:before {
    background-position: -1923px -132px;
    width: 166px;
    height: 151px;
    top: -10.7em;
  }
  .fb-bloc h2 {
    font-size: 22px;
  }
  .fb-bloc a {
    padding: 4em 2em;
    background-position: -234px -954px;
    width: 353px;
    height: 218px;
  }
  .fb-bloc a:after {
    left: 10.5em;
    top: 8.2em;
  }
  .appel-commande {
    padding: 2.5em 0 8em;
  }
  .appel-commande h2 {
    font-size: 22px;
  }
  footer .content > div {
    width: 15.857em;
    margin-right: 1.44em;
  }
  .madame-boverie footer .footer-logo {
    left: 20em;
  }
  .madame-butterfly footer .footer-logo {
    left: 16em;
  }
  .bloc-form textarea {
    height: 10em;
  }
  .rgpd-check {
    display: inline-block;
    padding-right: 1em;
  }
}
/*750px 46 18*/
@media screen and (max-width: 980px) {
  body {
    padding-top: 0;
  }
  .accueil section div {
    width: 20em;
  }
  .madame-butterfly .horaires {
    width: 8.5em;
  }
  .retour-accueil {
    height: 42px;
    padding-left: 2.5em;
    padding-top: 0.6em;
  }
  .retour-accueil:before {
    background-position: -579px -257px;
    width: 41px;
    height: 41px;
  }
  .main-header {
    padding-top: 5em;
  }
  .top {
    padding: 0.4em 0;
    position: fixed;
    width: 100%;
    background-color: white;
    z-index: 20;
    border-bottom: 1px solid #878787;
  }
  .menu-button {
    display: inline-block;
    background: url('imgs/boverie/sprite.png') no-repeat -197px -140px;
    width: 35px;
    height: 45px;
    cursor: pointer;
    border-left: 1px solid black;
    padding-left: 2em;
    box-sizing: initial;
  }
  .content {
    width: 53.571em;
  }
  .content .logo {
    width: 14em;
    left: 19.8em;
  }
  .content .coordonnees h3 {
    display: none;
  }
  .content .coordonnees li {
    margin-right: 1.5em;
  }
  .content .coordonnees ul {
    vertical-align: top;
  }
  .content .coordonnees .adresse a:before {
    background-position: -855px -259px;
    width: 21px;
    height: 36px;
  }
  .content .coordonnees .tel a:before {
    background-position: -751px -261px;
    width: 28px;
    height: 33px;
  }
  .content .coordonnees .email a:before {
    background-position: -802px -262px;
    width: 32px;
    height: 31px;
  }
  .intro {
    height: 29.5em;
  }
  .intro-1 {
    width: 44.429em;
  }
  .intro-1:before {
    content: none;
  }
  .main-menu {
    display: none;
    position: fixed;
    top: 4.2em;
    width: 100%;
    height: 100%;
    left: 0;
    z-index: 20;
    background-color: #1d1d1b;
  }
  .main-menu ul {
    width: 53.571em;
    margin: 0 auto;
  }
  .main-menu li {
    display: block;
    text-align: center;
    margin: 3em 0;
  }
  .main-menu a {
    font-size: 24px;
    color: #FFFFFF;
  }
  .main-menu a:after {
    content: none;
  }
  .intro-2 {
    top: -13em;
  }
  .intro-2 img {
    width: 17em;
    left: -18px;
    border: 18px solid white;
  }
  .horaires {
    width: 8em;
  }
  .horaires h4 {
    font-size: 14px;
  }
  .horaires p {
    font-size: 12px;
  }
  h3 {
    font-size: 18px;
  }
  .button-reservation a:after {
    background-position: -632px -257px;
  }
  .button-reservation {
    top: 4em;
    left: 16.2em;
    width: 12em;
    height: 12em;
  }
  .button-reservation a {
    padding: 3.5em 0.4em 4.5em;
  }
  .button-reservation a:after {
    width: 41px;
    height: 41px;
    top: 0.5em;
  }
  .texte-intro {
    left: -1.2em;
    width: 30.714em;
    top: 8.6em;
  }
  .madame-butterfly .carte-categories:before {
    top: -8em;
  }
  .carte-categories h2 {
    font-size: 28px;
  }
  .madame-butterfly .carte-categories .carte-cat-4 {
    width: 17em;
    top: 6.8em;
  }
  .madame-butterfly .carte-categories .carte-cat-1 {
    left: 18.35em;
    width: 19.5em;
  }
  .madame-butterfly .carte-categories .carte-cat-3 {
    width: 14.2em;
  }
  .madame-butterfly .carte-categories {
    height: 33.8em;
  }
  .madame-boverie .carte-categories {
    height: 32.2em;
    top: -8.5em;
  }
  .carte-categories > a {
    padding: 2em 1em;
    width: 150px;
    height: 150px;
    font-size: 18px;
  }
  .carte-categories > a:after {
    top: 4em;
    left: 2.8em;
  }
  .carte-categories .carte-cat-1,
  .carte-categories .carte-cat-2,
  .carte-categories .carte-cat-3 {
    width: 17em;
  }
  .carte-categories .carte-cat-4,
  .carte-categories .carte-cat-5 {
    width: 21.571em;
  }
  .carte-categories .carte-cat-2 {
    left: 18.3em;
  }
  .carte-categories .carte-cat-4 {
    top: 16em;
  }
  .carte-categories .carte-cat-5 {
    left: 22.85em;
    top: 12.5em;
  }
  .carte-categories > a:after {
    background-position: -684px -257px;
    width: 41px;
    height: 41px;
    top: 4.5em;
    left: 3em;
  }
  .madame-boverie .carte-categories:before {
    top: -10.2em;
    background-position: -627px -954px;
    width: 106px;
    height: 204px;
  }
  .madame-boverie .carte-categories:after {
    background-position: -799px -1063px;
    width: 163px;
    height: 69px;
    bottom: 1em;
    left: 21.5em;
  }
  .appel-commande {
    margin-top: -7em;
  }
  .appel-commande a:after {
    top: 4.5em;
    left: 25.3em;
  }
  .madame-butterfly .fb-bloc a:before {
    top: 4.8em;
    right: -13em;
    left: initial;
  }
  .fb-bloc-feed {
    display: none;
  }
  .fb-bloc-lien {
    width: 100%;
  }
  .fb-bloc {
    padding: 4em 0;
  }
  .fb-bloc h2 {
    font-size: 18px;
  }
  .fb-bloc a {
    margin: 0 auto 2em;
  }
  .appel-commande {
    padding: 2.5em 0 6em;
  }
  .appel-commande p {
    font-size: 14px;
  }
  .appel-commande a:after {
    background-position: -632px -257px;
    width: 41px;
    height: 41px;
  }
  .appel-commande h2 {
    font-size: 18px;
  }
  .carte-intro:before,
  .contact-intro:before,
  .commande-intro:before {
    content: none !important;
  }
  .carte-intro img,
  .contact-intro img,
  .commande-intro img {
    width: 30.714em;
  }
  .carte-intro img {
    margin-left: 9.15em;
  }
  .page-title {
    width: 12.429em;
    height: 12.429em;
  }
  .page-title h2 {
    font-size: 25px;
  }
  .page-carte .page-title {
    padding: 4.2em 1.5em;
  }
  .lacarte h3 {
    font-size: 30px;
  }
  .lacarte .sous-cat.col3 {
    width: 26.143em;
  }
  .lacarte .sous-cat.col6 {
    width: 53.571em;
  }
  .lacarte .sous-cat.col6 li {
    width: 17em;
    margin-right: 0.6em;
  }
  .lacarte .sous-cat.col4 {
    width: 17em;
  }
  .lacarte .sous-cat {
    margin-right: 1em;
  }
  .lacarte > div {
    margin-right: -1em;
  }
  .lacarte h5 {
    font-size: 14px;
  }
  .lacarte p {
    font-size: 13px;
  }
  .lacarte .sous-cat > ul {
    margin-bottom: 2em;
  }
  .page-carte + .appel-commande {
    margin-top: -2em;
  }
  .cat-3:before {
    background-position: -662px -1212px;
    width: 251px;
    height: 163px;
  }
  .madame-butterfly .cat-2,
  .madame-butterfly .cat-3 {
    width: 26.143em;
  }
  .madame-butterfly .cat-2 {
    margin-right: 1em;
  }
  .madame-boverie .page-carte .page-title:after {
    background-position: -367px -1204px;
    width: 251px;
    height: 117px;
    bottom: -8.1em;
    right: 2em;
  }
  .commande-mail-no {
    padding: 6.8em 1em;
  }
  .commande-askemma,
  .commande-types a,
  .commande-mail-content {
    width: 17em;
  }
  .commande-askemma {
    margin: 0 1em;
  }
  .commande-types h3 strong {
    font-size: 30px;
  }
  .commande-types h4 {
    font-size: 18px;
  }
  .madame-butterfly .commande-askemma {
    margin: 0 1em 0 9.1em;
  }
  .contact-intro .page-title,
  .commande-intro .page-title {
    margin-left: 9.2em;
    padding: 4.5em 0.5em;
  }
  .page-contact .horaires,
  .page-commande .horaires {
    top: 7.4em;
  }
  .contact-coord {
    width: 21.571em;
    margin-top: 2.5em;
  }
  .contact-coord li {
    margin-bottom: 2em;
  }
  .contact-coord .adresse:before,
  .contact-coord .tel:before,
  .contact-coord .email:before {
    left: 9.45em;
  }
  .madame-butterfly .bloc-form:before {
    right: -4.2em;
    top: -3em;
  }
  .bloc-form {
    padding: 4.1em 4.85em;
  }
  .bloc-form .form-col3 {
    width: 17em;
  }
  .bloc-form .form-col6 {
    width: 35.286em;
  }
  .bloc-form div.first {
    margin-right: 1.15em;
  }
  .bloc-form .submit {
    bottom: -4.5em;
    right: -4.2em;
    padding: 2em 1em;
    width: 150px;
    height: 150px;
  }
  .bloc-form .submit:after {
    background-position: -684px -257px;
    width: 41px;
    height: 41px;
    top: 5.5em;
    left: 3.8em;
  }
  #map1,
  #map2 {
    margin-top: 8em;
    margin-bottom: 2.5em;
  }
  .madame-boverie .bloc-form:before {
    background-position: -2076px -348px;
    width: 181px;
    height: 225px;
    left: -12.9em;
  }
  .bloc-form input {
    padding: 0.8em;
  }
  .bloc-form input[type="submit"] {
    margin-top: 0.3em;
    font-size: 18px;
  }
  .bloc-form label {
    font-size: 16px;
  }
  .bloc-form form > div {
    margin-bottom: 1.5em;
  }
  .bloc-form .submit {
    width: 140px;
    height: 140px;
    padding: 1.5em 1em;
    right: -3.6em;
    bottom: -3.5em;
  }
  .bloc-form .submit:after {
    top: 5em;
    left: 3.5em;
  }
  .rgpd-check {
    padding-right: 3em;
  }
  footer {
    margin-top: 11em;
  }
  footer .content > div {
    width: 21.571em;
    margin-right: 1em;
  }
  footer .content .page-top {
    width: 7.857em;
    margin-bottom: 1.7em;
  }
  .madame-boverie footer .footer-logo {
    width: 21.571em;
    left: 16em;
    top: -12.8em;
  }
  .madame-boverie footer .footer-logo img {
    width: 100%;
    height: auto;
  }
  .madame-butterfly footer .footer-logo {
    width: 27.571em;
    left: 13em;
    top: -12.1em;
  }
  .madame-butterfly footer .footer-logo img {
    width: 100%;
    height: auto;
  }
  .madame-boverie footer .content:before {
    background-position: -1006px -1051px;
    width: 175px;
    height: 131px;
    top: -16.3em;
  }
  .madame-butterfly footer .content:before {
    background-position: -1765px -1024px;
    width: 151px;
    height: 180px;
    top: -23.4em;
  }
  footer {
    margin-top: 13em;
    padding-top: 7em;
  }
  footer .content .footer-menu {
    display: none;
  }
  footer .copyright {
    font-size: 9px;
  }
  .madame-butterfly footer .content:before {
    top: -19.2em;
  }
}
/*540px 34 12*/
@media screen and (max-width: 760px) {
  .accueil section div {
    width: 17em;
    padding: 1em;
  }
  .madame-butterfly .horaires {
    width: 12.286em;
  }
  .content,
  .main-menu ul {
    width: 38.571em;
  }
  .content .coordonnees li {
    margin-right: 0.5em;
  }
  .content .logo {
    position: initial;
    float: left;
    width: 12.286em;
    height: 9em;
    overflow: hidden;
  }
  .intro-1 {
    width: 100%;
  }
  .intro-2 {
    top: -8em;
  }
  .intro-2 img {
    display: none;
  }
  .horaires,
  .page-carte .horaires {
    position: absolute;
    right: 0;
    top: -15.4em;
    width: 12.286em;
    left: initial;
  }
  .horaires:before,
  .page-carte .horaires:before {
    background-position: -542px -136px;
    width: 41px;
    height: 47px;
    position: absolute;
    top: -0.2em;
    left: -3.5em;
  }
  .page-carte .horaires,
  .page-contact .horaires,
  .page-commande .horaires {
    top: -6em;
  }
  .lacarte {
    padding-top: 2em;
  }
  .button-reservation {
    top: 2.8em;
    left: 13.3em;
  }
  .texte-intro {
    left: 0em;
    width: 100%;
    top: 8.6em;
    text-align: center;
  }
  .madame-butterfly .carte-categories {
    height: 41.2em;
    top: -9.5em;
  }
  .madame-butterfly .carte-categories .carte-cat-4 {
    top: 0;
    width: 18.9em;
  }
  .madame-butterfly .carte-categories .carte-cat-3 {
    top: 12em;
    width: 18.9em;
  }
  .madame-butterfly .carte-categories .carte-cat-5 {
    top: 26.7em;
  }
  .madame-butterfly .carte-categories .carte-cat-1 {
    left: initial;
    right: 0;
    width: 18.9em;
  }
  .carte-categories > a {
    bottom: 1.1em;
    width: 172px;
    height: 110px;
    padding: 0.8em 1em;
  }
  .carte-categories > a:after {
    top: 5em;
    left: 3.6em;
  }
  .madame-boverie .carte-categories {
    height: 42em;
    top: -6.5em;
    margin-bottom: 3em;
  }
  .madame-boverie .carte-categories:after {
    bottom: 5em;
    left: 17.6em;
    transform: rotate(-102deg);
  }
  .carte-categories > a:after {
    top: 3em;
    left: 3.5em;
  }
  .carte-categories h2 {
    font-size: 25px;
    text-align: center;
  }
  .carte-categories .carte-cat-1,
  .carte-categories .carte-cat-2,
  .carte-categories .carte-cat-3,
  .carte-categories .carte-cat-4,
  .carte-categories .carte-cat-5 {
    width: 18.857em;
  }
  .carte-categories .carte-cat-2 {
    right: 0;
    left: initial;
  }
  .carte-categories .carte-cat-3 {
    top: 13em;
  }
  .carte-categories .carte-cat-4 {
    top: 17em;
  }
  .carte-categories .carte-cat-5 {
    left: 0;
    top: 29em;
  }
  .appel-commande a:after {
    left: 17.85em;
  }
  .madame-boverie .carte-categories:before,
  .madame-butterfly .carte-categories:before {
    content: none;
  }
  .madame-boverie footer .footer-logo {
    left: initial;
    right: 0;
  }
  .carte-intro img,
  .contact-intro img,
  .commande-intro img {
    width: 25.429em;
  }
  .carte-intro img {
    margin-left: 0;
  }
  .page-title {
    width: 12.286em;
    height: 10.322em;
  }
  .page-title h2 {
    font-size: 22px;
  }
  .page-carte .page-title {
    padding: 3.6em 2.5em;
  }
  .lacarte .sous-cat.col3 {
    width: 18.857em;
  }
  .lacarte .sous-cat.col6 {
    width: 38.571em;
  }
  .lacarte .sous-cat.col6 li {
    width: 18.857em;
    margin-right: 0.2em;
  }
  .lacarte .sous-cat.col4 {
    width: 12.286em;
  }
  .lacarte .sous-cat > ul {
    margin-bottom: 1em;
  }
  .lacarte .sous-cat {
    margin-right: 0.5em;
  }
  .lacarte > div {
    margin-right: -0.5em;
    margin-bottom: 3em;
  }
  .lacarte .prix span {
    font-size: 12px;
  }
  .lacarte .legende p {
    font-size: 12px;
  }
  .lacarte h3 {
    font-size: 22px;
    width: auto;
  }
  .lacarte h4 {
    font-size: 15px;
  }
  .lacarte h5 {
    font-size: 12px;
  }
  .lacarte p {
    font-size: 11px;
  }
  .lacarte .carte-info {
    font-size: 14px;
  }
  .cat-3:before {
    top: -3em;
  }
  .madame-butterfly .cat-2,
  .madame-butterfly .cat-3 {
    width: 18.857em;
  }
  .madame-butterfly .cat-2 {
    margin-right: 0.5em;
  }
  .commande-askemma,
  .commande-types a,
  .commande-mail-content {
    width: 100%;
    margin-bottom: 2em;
  }
  .commande-mail-no {
    padding: 8.7em 8em;
  }
  .commande-mail-no {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
  .commande-askemma {
    margin: 0;
  }
  .commande-types h3 strong {
    font-size: 22px;
  }
  .commande-types h4 {
    font-size: 15px;
  }
  .commande-deliveroo img {
    width: 70%;
  }
  .commande-askemma img {
    margin-top: 1em;
    width: 60%;
  }
  .commande-mail img {
    width: 27%;
  }
  .madame-butterfly .commande-askemma {
    margin: 0;
  }
  .contact-coord {
    width: 12.286em;
    margin-top: 1.8em;
  }
  .contact-coord h3 {
    font-size: 15px;
  }
  .contact-coord li {
    padding-top: 3.5em;
    margin-bottom: 1em;
  }
  .contact-coord .adresse:before,
  .contact-coord .tel:before,
  .contact-coord .email:before {
    left: 4.85em;
  }
  .contact-form h3 {
    font-size: 22px;
  }
  .madame-boverie .bloc-form:before,
  .madame-butterfly .bloc-form:before {
    content: none;
  }
  .madame-butterfly .page-carte .page-title:after {
    background-position: -2148px -196px;
    width: 181px;
    height: 122px;
    bottom: -9.5em;
  }
  .bloc-form {
    width: 100%;
    background-position: -1773px -1240px;
    height: 432px;
    padding: 3.1em 3.3em;
  }
  .bloc-form .form-col3 {
    width: 15.571em;
  }
  .bloc-form .form-col6 {
    width: 32em;
  }
  .contact-intro .page-title,
  .commande-intro .page-title {
    margin-left: 0;
    padding: 3.7em 1.1em;
  }
  .bloc-form div.first {
    margin-right: 0.55em;
  }
  .bloc-form .submit {
    height: 68px;
    padding: 0.8em 1em;
    bottom: 0;
    right: initial;
    position: relative;
    width: 50%;
    margin: 0 auto;
    display: block;
  }
  .bloc-form .submit:after {
    top: 1em;
    left: 12em;
  }
  .bloc-form input[type="submit"] {
    margin-top: 0;
    text-align: left;
  }
  .rgpd-check {
    padding-right: 0em;
    margin-bottom: 2em;
  }
  footer .content > div {
    width: 15.571em;
    margin-right: 0.5em;
  }
  footer .content .page-top {
    width: 5.714em;
  }
  .madame-butterfly .fb-bloc a:before {
    content: none;
  }
  .madame-butterfly footer .content:before {
    top: -16em;
    background-position: -1940px -1073px;
    width: 111px;
    height: 131px;
  }
  .madame-butterfly footer .footer-logo {
    left: 11em;
  }
  footer {
    margin-top: 10em;
  }
}
/*444px 26 12*/
@media screen and (max-width: 550px) and (orientation: landscape) {
  .accueil {
    min-height: 335px;
  }
  .accueil section div {
    width: 13em;
    top: 3%;
  }
  .accueil .coordonnees h3 {
    font-size: 12px;
  }
  .accueil .coordonnees {
    margin-top: 1em;
  }
}
@media screen and (max-width: 550px) and (orientation: portrait) {
  .accueil {
    min-height: 420px;
  }
  .accueil .logo {
    float: left;
    width: 40%;
  }
  .accueil section {
    float: none;
    width: 100%;
    height: 49.5%;
  }
  .accueil .boverie {
    position: absolute;
    top: 0;
  }
  .accueil .butterfly {
    position: absolute;
    bottom: 0;
  }
  .accueil section div {
    width: 70%;
  }
  .accueil .coordonnees {
    float: right;
    width: 55%;
  }
  .accueil .coordonnees h3 {
    font-size: 12px;
  }
}
/*444px 26 12*/
@media screen and (max-width: 550px) {
  .retour-accueil span {
    display: none;
  }
  .page-carte .horaires,
  .page-contact .horaires,
  .page-commande .horaires {
    top: -5em;
  }
  .accueil section div {
    width: 22em;
    padding: 1em;
  }
  .content,
  .main-menu ul {
    width: 31.714em;
  }
  .content .logo {
    position: initial;
    float: left;
    width: 9.286em;
    height: 6.6em;
  }
  .horaires {
    top: -11.4em;
    width: 11.286em;
  }
  .intro-1 {
    width: 100%;
  }
  .intro-2 {
    top: -8em;
  }
  .intro-2 img {
    display: none;
  }
  .madame-boverie .horaires:before {
    background-position: -542px -136px;
    width: 41px;
    height: 47px;
    position: absolute;
    top: -0.2em;
    left: -3.5em;
  }
  .menu-button {
    background-position: -209px -140px;
    padding-left: 1em;
  }
  .button-reservation {
    top: 1.2em;
    left: 9.85em;
  }
  .texte-intro {
    left: 0em;
    width: 100%;
    top: 8.6em;
    text-align: center;
  }
  .madame-butterfly .carte-categories .carte-cat-1 {
    width: 15.4em;
  }
  .madame-butterfly .carte-categories .carte-cat-3 {
    top: 10em;
    width: 15.4em;
  }
  .madame-butterfly .carte-categories .carte-cat-4 {
    width: 15.5em;
  }
  .madame-butterfly .carte-categories .carte-cat-5 {
    top: 23.7em;
  }
  .carte-categories > a {
    width: 145px;
  }
  .carte-categories > a:after {
    top: 3.2em;
    left: 3em;
  }
  .madame-boverie .carte-categories {
    top: -8.5em;
    height: 37.2em;
  }
  .madame-butterfly .carte-categories {
    top: -10.5em;
    height: 36em;
  }
  .appel-commande p {
    margin: 0 auto;
    width: 80%;
  }
  .appel-commande a:after {
    left: 14.3em;
  }
  .madame-boverie .carte-categories:after {
    bottom: 3em;
    left: 12.6em;
    transform: rotate(-102deg);
  }
  .carte-categories h2:before,
  .carte-categories h2:after {
    width: 8px;
    height: 8px;
    border-radius: 8px;
    top: -0.15em;
  }
  .carte-categories h2 {
    font-size: 18px;
    text-align: center;
  }
  .carte-categories .carte-cat-1,
  .carte-categories .carte-cat-2,
  .carte-categories .carte-cat-3,
  .carte-categories .carte-cat-4,
  .carte-categories .carte-cat-5 {
    width: 15.429em;
  }
  .carte-categories .carte-cat-2 {
    right: 0;
    left: initial;
  }
  .carte-categories .carte-cat-3 {
    top: 11.3em;
  }
  .carte-categories .carte-cat-4 {
    top: 14.5em;
  }
  .carte-categories .carte-cat-5 {
    top: 25em;
  }
  .madame-boverie .carte-categories:before {
    content: none;
  }
  .carte-intro img,
  .contact-intro img,
  .commande-intro img {
    width: 20.857em;
  }
  .page-title {
    width: 10em;
    height: 8.466em;
  }
  .page-title h2 {
    font-size: 20px;
  }
  .page-carte .page-title {
    padding: 2.75em 1.5em;
  }
  .lacarte .sous-cat.col3,
  .lacarte .sous-cat.col6,
  .lacarte .sous-cat.col4 {
    width: 100%;
  }
  .lacarte .sous-cat,
  .lacarte .sous-cat.col6 ul:first-of-type,
  .lacarte > div {
    margin-right: 0;
  }
  .lacarte .sous-cat-title {
    margin-bottom: 1em;
  }
  .lacarte .sous-cat > ul {
    margin-bottom: 2em;
  }
  .lacarte .sous-cat.col6 li {
    width: 100%;
    margin-right: 0;
  }
  .lacarte .sous-cat.col6 ul:first-of-type {
    margin-bottom: 0;
  }
  .lacarte .carte-info {
    font-size: 12px;
  }
  .lacarte > div {
    margin-bottom: 3em;
  }
  .madame-boverie .cat-1 .sous-cat-title {
    margin-bottom: 1.5em;
  }
  .madame-butterfly .cat-2,
  .madame-butterfly .cat-3 {
    width: 100%;
  }
  .madame-butterfly .cat-2 {
    margin-right: 0;
  }
  .commande-mail-no {
    padding: 7em 8em;
  }
  .contact-intro .page-title,
  .commande-intro .page-title {
    padding: 2.8em 0.5em;
  }
  .contact-coord {
    width: 100%;
  }
  .contact-coord li {
    display: inline-block;
    width: 32.5%;
    vertical-align: top;
  }
  .contact-coord h3 {
    font-size: 13px;
  }
  .bloc-form label {
    font-size: 14px;
  }
  .contact-form {
    margin-top: 2em;
  }
  .contact-coord .adresse:before,
  .contact-coord .tel:before,
  .contact-coord .email:before {
    left: 3.85em;
  }
  .bloc-form {
    background-position: -1773px -1690px;
    width: 444px;
    height: 375px;
    padding: 2.1em 2.7em;
  }
  .bloc-form .form-col3 {
    width: 12.714em;
  }
  .bloc-form .form-col6 {
    width: 26.286em;
  }
  .bloc-form input {
    padding: 0.5em;
  }
  .bloc-form .submit:after {
    left: 9.2em;
  }
  .rgpd-check {
    font-size: 11px;
    line-height: 1.3em;
  }
  .footer-logo {
    left: initial;
    right: 0;
  }
  .bloc-form textarea {
    height: 8em;
  }
  footer .content > div {
    width: 12.714em;
    margin-right: 0.5em;
  }
  footer .content .page-top {
    width: 4.571em;
  }
  footer .content .page-top a {
    font-size: 12px;
  }
  .madame-butterfly footer .footer-logo {
    width: 21em;
    left: 10.65em;
    top: -11em;
  }
}
/*302px 16 10*/
@media screen and (max-width: 445px) {
  .accueil {
    min-height: 558px;
    min-width: 220px;
  }
  .accueil section div {
    width: 85%;
    top: 5%;
  }
  .accueil .logo {
    float: none;
  }
  .accueil .coordonnees {
    float: none;
    width: 100%;
    margin-top: 2em;
  }
  .content,
  .main-menu ul {
    width: 302px;
  }
  .menu-button {
    background-position: -220px -140px;
    padding-left: 0;
    border: 0;
  }
  .content .coordonnees li {
    margin-right: 0;
  }
  .retour-accueil {
    padding-left: 0;
  }
  .content .logo {
    margin-left: -20px;
  }
  .horaires {
    top: -13.8em;
  }
  .horaires p {
    font-size: 11px;
  }
  .horaires:before {
    content: none;
  }
  .intro-1 {
    overflow: hidden;
  }
  .intro-1 img {
    height: 17em;
    width: auto;
    margin: 0 0 0 -12em;
  }
  h3 {
    font-size: 15px;
  }
  .button-reservation {
    top: 2.6em;
    left: 4.85em;
  }
  .intro {
    height: 30.5em;
  }
  .carte-categories h2 {
    font-size: 22px;
    margin-bottom: 0.5em;
  }
  .carte-categories h2:before,
  .carte-categories h2:after {
    content: '';
  }
  .madame-boverie .carte-categories {
    top: -1.5em;
    height: initial;
  }
  .carte-categories ul {
    margin-bottom: 3em;
  }
  .madame-butterfly .carte-categories {
    height: initial;
    top: -4.5em;
  }
  .madame-butterfly .carte-categories .carte-cat-1,
  .madame-butterfly .carte-categories .carte-cat-3,
  .madame-butterfly .carte-categories .carte-cat-4 {
    width: 100%;
  }
  .carte-categories > a {
    position: relative;
    display: block;
    width: 100%;
    padding: 1em;
    height: auto;
    margin-bottom: 4em;
    text-align: left;
  }
  .carte-categories > a:after {
    top: 1em;
    left: 13.5em;
  }
  .carte-categories .carte-cat-1,
  .carte-categories .carte-cat-2,
  .carte-categories .carte-cat-3,
  .carte-categories .carte-cat-4,
  .carte-categories .carte-cat-5 {
    width: 100%;
    position: initial;
    margin-bottom: 1em;
  }
  .carte-categories h3 {
    text-align: center;
  }
  .appel-commande a:after {
    left: 9.3em;
    top: 5.5em;
  }
  .fb-bloc {
    padding: 3em 0;
  }
  .fb-bloc a {
    padding: 3em 2em 4em;
    background-position: -1225px -1057px;
    width: 241px;
    height: 149px;
  }
  .fb-bloc a:after {
    background-position: -27px -585px;
    width: 37px;
    height: 36px;
    left: 7.35em;
    top: 6.8em;
  }
  .fb-bloc a:hover:after,
  .fb-bloc a:active:after {
    background-position: -87px -585px;
    width: 37px;
    height: 36px;
  }
  .madame-boverie footer .content:before,
  .madame-butterfly footer .content:before {
    content: none;
  }
  .madame-butterfly footer .footer-logo {
    width: 100%;
    left: 0;
    top: -9em;
  }
  .madame-butterfly footer {
    margin-top: 5em;
    padding-top: 5em;
  }
  .commande-mail-no {
    padding: 5em 3em;
  }
  .page-carte .horaires,
  .page-contact .horaires,
  .page-commande .horaires {
    top: -5em;
  }
  .carte-intro img,
  .contact-intro img,
  .commande-intro img {
    display: none;
  }
  .page-carte .page-title {
    padding: 1.5em;
  }
  .contact-intro .page-title,
  .commande-intro .page-title,
  .commande-intro .page-title {
    padding: 1.5em 3.8em;
  }
  .page-title {
    width: 100%;
    height: auto;
  }
  .lacarte h3 {
    font-size: 20px;
  }
  .lacarte h4 {
    font-size: 14px;
  }
  .lacarte .intitule {
    padding-bottom: 0.1em;
    margin-bottom: 0.1em;
  }
  .cat-3:before,
  .madame-butterfly .page-carte .page-title:after,
  .madame-boverie .page-carte .page-title:after {
    opacity: 0.5;
  }
  .lacarte li {
    margin-bottom: 0.8em;
  }
  .madame-boverie .cat-1 .sous-cat-title {
    margin-bottom: 2em;
  }
  .commande-types h3 strong {
    font-size: 20px;
  }
  .commande-types h4 {
    font-size: 14px;
  }
  .contact-coord li {
    display: block;
    width: 100%;
  }
  .contact-coord .adresse:before,
  .contact-coord .tel:before,
  .contact-coord .email:before {
    left: 9.4em;
  }
  .bloc-form {
    padding: 1.8em 2.7em 0.1em;
    width: 302px;
    height: auto;
    background-position: -2108px -594px;
  }
  .bloc-form div.first {
    margin-right: 0;
  }
  .bloc-form .form-col3,
  .bloc-form .form-col6 {
    width: 100%;
  }
  .bloc-form .submit {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    right: initial;
    bottom: initial;
    padding: 0.5em 1em;
  }
  .bloc-form .submit:after {
    top: 0.5em;
    left: 12em;
  }
  .bloc-form input[type="submit"] {
    text-align: left;
  }
  .rgpd-check {
    margin-bottom: 1em;
    font-size: 11px;
    line-height: 1.2em;
  }
  .rgpd-check input[type="checkbox"] {
    margin-bottom: 3em;
  }
  #map1,
  #map2 {
    margin-top: 3em;
  }
  .rgpd-check input[type="checkbox"] {
    margin-bottom: 5em;
  }
  footer {
    margin-top: 6em;
  }
  footer .content > div {
    width: 100%;
    margin-right: 0;
  }
  .footer-partners {
    border-top: 1px solid black;
    padding-top: 2em;
  }
  footer .content .page-top {
    width: 100%;
    margin-bottom: 0;
  }
  footer .copyright {
    text-align: center;
  }
}

/*# sourceMappingURL=style.css.map */