@charset "UTF-8";
*{
    outline: 0 !important;
}
@media screen and (min-width: 760px) {
  body header nav ul#menu_gauche li {
    margin-top: 150px; }
    body header nav ul#menu_gauche li #icon1 {
      width: 170px;
      height: 170px;
      background-size: 160px 160px; }
    body header nav ul#menu_gauche li #icon2 {
      width: 170px;
      height: 170px;
      background-size: 160px 160px; }
    body header nav ul#menu_gauche li #icon3 {
      width: 160px;
      height: 160px;
      background-size: 150px 150px; }
    body header nav ul#menu_gauche li #icon4 {
      width: 160px;
      height: 160px;
      background-size: 150px 150px; }
  body .toggler {
    width: 50% !important;
    margin: 0 auto !important;
    margin-top: 20px !important;
    margin-bottom: 20px !important; }
  body div.swiper-slide {
    width: 250px; }
  body .bloc_1_flex {
    padding: 20px; }
  body .bloc_2_flex, body .bloc_3_flex {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: 100%;
    background-color: #fafafa; }
    body .bloc_2_flex .fond_gris, body .bloc_3_flex .fond_gris {
      background-color: #f0f0f0; }
    body .bloc_2_flex section, body .bloc_2_flex .fond_blanc, body .bloc_3_flex section, body .bloc_3_flex .fond_blanc {
      width: 50%;
      padding: 10px 30px 10px 30px; }
      body .bloc_2_flex section p, body .bloc_2_flex .fond_blanc p, body .bloc_3_flex section p, body .bloc_3_flex .fond_blanc p {
        color: #382c2c; }
  body main.profil_page {
    height: 83vh; }
    body main.profil_page section .btn_mediaque {
      width: 50% !important; }
    body main.profil_page section button.btn_pro2 {
      width: 50%; }
    body main.profil_page p {
      padding: 20px 110px 20px 110px !important; }
  body .toggler .fold .content .swiper-slide .plus {
    width: 12% !important; }
  body section.localisation input, body section.localisation textarea, body section.pizzinscription input, body section.pizzinscription textarea {
    font-size: 25px !important; }
  body section.localisation .envoyer, body section.pizzinscription .envoyer {
    display: block;
    width: 56% !important;
    padding: 20px !important; }
  body .page_suggestion #galerie_suggestion {
    padding: 15px; }
    body .page_suggestion #galerie_suggestion .swiper-slide {
      margin: 10px;
      width: 30% !important; }
  body h3.par-etape {
    font-size: 35px; }
  body div#recapitulatif h3 {
    font-size: 30px; }
  body div#recapitulatif table {
    font-size: 25px; }
  body div#etape1 .envoyer, body div#etape2 .envoyer, body div#etape3 .envoyer, body div#etape4 .envoyer {
    font-size: 35px; }
  body div#etape1 h4, body div#etape2 h4, body div#etape3 h4, body div#etape4 h4 {
    font-size: 30px; }
  body div#etape1 p, body div#etape2 p, body div#etape3 p, body div#etape4 p {
    font-size: 20px;
    margin-left: 8.5%; }
  body div.modifiable div {
    font-size: 20px; }
  body ul.checkbox [for=cb1] {
    font-size: 17px; }
  body div.paiement img {
    width: 50% !important; }
  body #page_panier #description_panier {
    width: 75% !important; }
  body #page_panier .bloc_modif_commander p {
    padding: 8px !important;
    width: 40% !important; }
  body footer nav {
    height: 115px !important;
    padding: 10px 0 15px 0 !important; }
    body footer nav ul .logo {
      width: 50px !important;
      height: 50px !important;
      background: url("../img/logo.svg");
      background-repeat: no-repeat;
      background-size: 50px 50px !important; }
    body footer nav ul li {
      font-size: 18px; }
      body footer nav ul li .fa {
        font-size: 50px !important; } }

@media screen and (min-width: 1020px) {
  body header nav {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center; }
    body header nav .hover {
      color: #93c01f; }
    body header nav .header_fixed .burger_1 {
      display: none; }
    body header nav ul.header_fixed {
      padding: 0 50px !important; }
    body header nav ul#menu_gauche.visible {
      top: 0; }
    body header nav ul#menu_gauche {
      background: none;
      display: -webkit-flex !important;
      display: -ms-flexbox !important;
      display: flex !important;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      height: 100px;
      width: 90%;
      top: 0px;
      z-index: 10000000000; }
      body header nav ul#menu_gauche li {
        width: 20%;
        margin-top: 0; }
        body header nav ul#menu_gauche li #icon1 {
          background: none;
          display: none; }
        body header nav ul#menu_gauche li #icon2 {
          background: none;
          display: none; }
        body header nav ul#menu_gauche li #icon3 {
          background: none;
          display: none; }
        body header nav ul#menu_gauche li #icon4 {
          background: none;
          display: none; }
  body main.profil_page {
    height: 78vh; }
  body #toggler_first .fold .content .bon_moment h3, body #toggler_first .fold .content .parrainage h3 {
    width: 80% !important; }
  body .toggler .fold .content .swiper-slide .plus {
    width: 9% !important; }
  body .toggler .fold .content .swiper-slide .fa-heart {
    top: 90px !important;
    left: 120px !important;
    padding: 7px !important;
    font-size: 30px !important; }
  body #inscription, body #connexion {
    margin-bottom: 20px; }
    body #inscription .titre_alert h3, body #connexion .titre_alert h3 {
      font-size: 28px;
      padding: 20px 20px 20px 0px !important; }
    body #inscription .inscription_bloc p, body #connexion .inscription_bloc p {
      font-size: 20px; }
    body #inscription .inscription_bloc .reseaux_soc, body #connexion .inscription_bloc .reseaux_soc {
      text-align: center; }
      body #inscription .inscription_bloc .reseaux_soc .fa, body #connexion .inscription_bloc .reseaux_soc .fa {
        padding: 8px 45px 8px 45px !important;
        font-size: 65px !important; }
      body #inscription .inscription_bloc .reseaux_soc .fa-facebook-square, body #connexion .inscription_bloc .reseaux_soc .fa-facebook-square {
        color: #3B5998; }
      body #inscription .inscription_bloc .reseaux_soc .fa-twitter-square, body #connexion .inscription_bloc .reseaux_soc .fa-twitter-square {
        color: #33CCFF; }
      body #inscription .inscription_bloc .reseaux_soc .fa-google-plus-square, body #connexion .inscription_bloc .reseaux_soc .fa-google-plus-square {
        color: #DD4B39; }
    body #inscription .inscription_bloc ul, body #connexion .inscription_bloc ul {
      font-size: 16px !important; }
    body #inscription .envoyer, body #connexion .envoyer {
      width: 40% !important;
      margin-top: 20px !important;
      padding: 15px !important; }
  body #description {
    width: 70% !important; } }

@media screen and (min-width: 300px) {
  body * {
    margin: 0;
    padding: 0; }
  * {
    box-sizing: border-box; }
  body {
    font-family: 'Quicksand', sans-serif;
    background: url("../img/bcgc-body-gd.png");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    top: 0;
    left: 0; }
    body #commande {
      background: #333333;
      background-repeat: no-repeat;
      background-attachment: fixed;
      top: 0;
      left: 0; }
    body header .fond_gris {
      background-color: #f0f0f0 !important; }
    body header nav {
      position: fixed;
      background-color: url("../img/bcgc-body-gd.png");
      width: 100%;
      top: 0;
      height: 100px;
      box-shadow: 0px 2.5px 10px rgba(0, 0, 0, 0.7);
      z-index: 100000; }
      body header nav ul.header_fixed {
        background: url("../img/header-footer.png");
        padding: 0 18px;
        position: fixed;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        top: 0;
        height: 100px;
        z-index: 10000000; }
        body header nav ul.header_fixed li {
          list-style-type: none; }
        body header nav ul.header_fixed .burger_1 {
          /* useless css */ }
          body header nav ul.header_fixed .burger_1 .burger-menu {
            position: relative;
            width: 55px;
            height: 60px;
            cursor: pointer; }
          body header nav ul.header_fixed .burger_1 .burger {
            border-radius: 25px;
            position: absolute;
            background: #93c01f;
            width: 100%;
            height: 8px;
            top: 50%;
            right: 0px;
            margin-top: -5px;
            opacity: 1; }
          body header nav ul.header_fixed .burger_1 .burger::before {
            position: absolute;
            background: #93c01f;
            width: 55px;
            height: 8px;
            top: 20px;
            border-radius: 25px;
            content: "";
            display: block; }
          body header nav ul.header_fixed .burger_1 .burger::after {
            position: absolute;
            background: #93c01f;
            width: 55px;
            height: 8px;
            border-radius: 25px;
            bottom: 20px;
            content: "";
            display: block; }
          body header nav ul.header_fixed .burger_1 .burger::after, body header nav ul.header_fixed .burger_1 .burger::before, body header nav ul.header_fixed .burger_1 .burger {
            transition: all .3s ease-in-out;
            -webkit-transition: all .3s ease-in-out; }
          body header nav ul.header_fixed .burger_1 .burger-menu.menu-on .burger::after {
            -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
            -webkit-transform: rotate(-45deg);
            bottom: 0px; }
          body header nav ul.header_fixed .burger_1 .burger-menu.menu-on .burger::before {
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
            -webkit-transform: rotate(45deg);
            top: 0px; }
          body header nav ul.header_fixed .burger_1 .burger-menu.menu-on .burger {
            background: rgba(111, 111, 111, 0); }
          body header nav ul.header_fixed .burger_1 .burger-menu {
            margin-left: auto;
            margin-right: auto; }
          body header nav ul.header_fixed .burger_1 .big {
            letter-spacing: 0px;
            font-size: 51px;
            display: block;
            text-transform: uppercase; }
        body header nav ul.header_fixed .logo a {
          display: block;
          width: 60px;
          height: 60px;
          background: url("../img/logo.svg");
          background-repeat: no-repeat;
          background-size: 53px 53px; }
        body header nav ul.header_fixed .panier a {
          display: block;
          width: 60px;
          height: 60px;
          background: url("../img/panier.svg");
          background-repeat: no-repeat;
          background-size: 53px 53px; }
      body header nav #menu_gauche.visible {
        display: block !important;
        top: 100px; }
      body header nav #menu_gauche {
        background: url("../img/bcgc-body-gd.png");
        position: absolute;
        top: -100vh;
        height: 100vh;
        width: 100%;
        z-index: 10;
        transition-property: top;
        transition-duration: .7s; }
        body header nav #menu_gauche li {
          display: inline-block;
          width: 49%;
          height: auto;
          text-align: center;
          margin-top: 80px; }
          body header nav #menu_gauche li a {
            color: white;
            text-decoration: none;
            font-family: 'Arvo', serif;
            font-weight: bold;
            font-size: 22px;
            letter-spacing: 2px; }
          body header nav #menu_gauche li #icon1 {
            display: block;
            width: 110px;
            height: 110px;
            background: url("../img/creation_header.svg");
            background-repeat: no-repeat;
            background-size: 100px 100px;
            margin: 0 auto; }
          body header nav #menu_gauche li #icon2 {
            display: block;
            width: 110px;
            height: 110px;
            background: url("../img/suggestion.svg");
            background-repeat: no-repeat;
            background-size: 100px 100px;
            margin: 0 auto; }
          body header nav #menu_gauche li #icon3 {
            display: block;
            width: 100px;
            height: 100px;
            background: url("../img/profil_header.svg");
            background-repeat: no-repeat;
            background-size: 90px 90px;
            margin: 0 auto;
            margin-top: 50px; }
          body header nav #menu_gauche li #icon4 {
            display: block;
            width: 100px;
            height: 100px;
            background: url("../img/pizzerias.svg");
            background-repeat: no-repeat;
            background-size: 90px 90px;
            margin: 0 auto; }
    body #bloc a:not(.a_rouge) {
      color: white;
      text-decoration: none; }
    body section .top_icon_titre {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
      flex-flow: row wrap;
      padding-top: 120px; }
      body section .top_icon_titre .icon3 {
        display: block;
        width: 35px;
        height: 35px;
        background: url("../img/profil_header.svg");
        background-repeat: no-repeat;
        background-size: 35px 35px;
        margin: 7px 10px 10px 10px; }
      body section .top_icon_titre h2 {
        color: white;
        font-family: 'Arvo', serif;
        margin: 10px;
        width: 75%; }
    body section .btn_profil {
      width: 80%;
      display: block;
      margin: 0 auto;
      border: 3px solid #93c01f;
      padding: 6px;
      border-radius: 35px; }
      body section .btn_profil .btn_pro1 {
        display: block;
        width: 100%;
        margin: 0 auto;
        padding: 10px;
        font-family: 'Arvo', serif;
        font-weight: lighter;
        font-size: 24px;
        letter-spacing: 2px;
        background: #93c01f;
        color: white;
        border-radius: 35px;
        border: 0;
        box-shadow: none; }
    body section .btn_pro2 {
      display: block;
      width: 84%;
      margin: 0 auto;
      margin-top: 20px;
      padding: 15px;
      font-family: 'Arvo', serif;
      font-weight: lighter;
      font-size: 24px;
      letter-spacing: 2px;
      background: white;
      color: #93c01f;
      border-radius: 35px;
      border: 0;
      box-shadow: none; }
    body section h1 {
      padding: 30px 20px 15px 20px;
      font-family: 'Arvo', serif;
      font-weight: bold;
      color: #93c01f;
      font-size: 20px;
      text-align: center;
      line-height: 32px;
      letter-spacing: 2px; }
    body section .p_profil {
      color: #93c01f;
      font-weight: bold;
      font-size: 18px;
      margin: 0;
      padding-bottom: 0; }
    body section #inscription, body section #connexion {
      display: none;
      z-index: 10000;
      position: absolute;
      background-color: white;
      width: 90%;
      height: auto;
      padding-bottom: 30px;
      font-family: "Quicksand", sans-serif;
      top: 15%;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%); }
      body section #inscription .titre_alert, body section #connexion .titre_alert {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        width: 100%; }
        body section #inscription .titre_alert h3, body section #connexion .titre_alert h3 {
          width: 80%;
          padding: 8px 0px 15px 0;
          text-align: left;
          color: #93c01f;
          font-family: "Arvo", serif;
          font-size: 25px; }
        body section #inscription .titre_alert .fa-times, body section #connexion .titre_alert .fa-times {
          width: 20%;
          padding: 10px 10px 0 0;
          font-size: 25px;
          color: #505050; }
      body section #inscription p, body section #connexion p {
        display: block;
        margin: 0 auto;
        color: black;
        border-top: 1px solid silver;
        border-bottom: 1px solid silver;
        padding: 10px;
        margin-top: 25px;
        margin-bottom: 25px;
        width: 50%;
        font-weight: bold; }
      body section #inscription .inscription_bloc, body section #connexion .inscription_bloc {
        background-color: #f0f0f0;
        width: 75%;
        display: block;
        margin: 0 auto;
        padding: 20px;
        border-radius: 20px; }
        body section #inscription .inscription_bloc p, body section #connexion .inscription_bloc p {
          width: 100%;
          border: 0;
          font-family: "Arvo", serif;
          color: #93c01f;
          margin: 0;
          padding: 0;
          text-align: center; }
        body section #inscription .inscription_bloc .reseaux_soc, body section #connexion .inscription_bloc .reseaux_soc {
          text-align: center; }
          body section #inscription .inscription_bloc .reseaux_soc .fa, body section #connexion .inscription_bloc .reseaux_soc .fa {
            padding: 8px 14px 8px 14px;
            font-size: 45px; }
          body section #inscription .inscription_bloc .reseaux_soc .fa-facebook-square, body section #connexion .inscription_bloc .reseaux_soc .fa-facebook-square {
            color: #3B5998; }
          body section #inscription .inscription_bloc .reseaux_soc .fa-twitter-square, body section #connexion .inscription_bloc .reseaux_soc .fa-twitter-square {
            color: #33CCFF; }
          body section #inscription .inscription_bloc .reseaux_soc .fa-google-plus-square, body section #connexion .inscription_bloc .reseaux_soc .fa-google-plus-square {
            color: #DD4B39; }
        body section #inscription .inscription_bloc input, body section #connexion .inscription_bloc input {
          font-family: "Quicksand", sans-serif;
          font-size: 18px;
          display: block;
          margin: 0 auto;
          margin-top: 20px;
          padding: 8px; }
        body section #inscription .inscription_bloc ul, body section #connexion .inscription_bloc ul {
          font-family: "Quicksand", sans-serif;
          font-size: 14px;
          display: block;
          margin: 0 auto;
          margin-top: 20px; }
          body section #inscription .inscription_bloc ul li, body section #connexion .inscription_bloc ul li {
            list-style-type: none;
            padding: 8px; }
            body section #inscription .inscription_bloc ul li label, body section #connexion .inscription_bloc ul li label {
              line-height: 23px; }
            body section #inscription .inscription_bloc ul li #cb1, body section #connexion .inscription_bloc ul li #cb1 {
              margin: 0;
              padding: 0;
              display: inline;
              width: 20px; }
            body section #inscription .inscription_bloc ul li #cb2, body section #connexion .inscription_bloc ul li #cb2 {
              margin: 0;
              padding: 0;
              display: inline;
              width: 20px; }
      body section #inscription .envoyer, body section #connexion .envoyer {
        display: block;
        width: 90%;
        margin: 0 auto;
        margin-top: 20px;
        margin-bottom: 20px;
        padding: 10px;
        font-family: 'Arvo', serif;
        font-weight: lighter;
        font-size: 22px;
        letter-spacing: 2px;
        background: #93c01f;
        color: white;
        border-radius: 35px;
        border: 0;
        box-shadow: none; }
    body section .visible {
      display: block !important; }
    body section .overlay {
      background: black;
      opacity: 0.7;
      display: none;
      position: fixed;
      top: 0px;
      left: 0px;
      width: 100%;
      height: 100%;
      z-index: 1000; }
    body .button {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
      flex-flow: row wrap;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      padding-top: 110px;
      width: 100%;
      margin: 0 auto; }
      body .button .btn {
        margin: 30px 20px 30px 20px;
        border: 2px solid white;
        padding: 7px;
        border-radius: 45px; }
        body .button .btn button {
          width: 100%;
          height: 58px; }
      body .button .btn_realise {
        display: block;
        font-family: 'Arvo', serif;
        font-weight: bold;
        font-size: 27px;
        padding: 20px 20px 50px 20px;
        background: white;
        border-radius: 35px;
        border: 0;
        box-shadow: none;
        margin: 0 auto; }
        body .button .btn_realise a {
          color: #e0301e; }
      body .button .btn_suggestions {
        display: block;
        font-family: 'Arvo', serif;
        font-weight: bold;
        font-size: 27px;
        color: white;
        background: #f2921b;
        border-radius: 35px;
        border: 0;
        box-shadow: none;
        margin: 0 auto;
        padding: 20px 20px 50px 20px; }
    body h3 .deconnection {
      margin-left: 55px;
      border-bottom: 2px solid #f2921b;
      padding-bottom: 5px;
      color: #f2921b; }
    body section .top_icon {
      width: 100%;
      display: block;
      text-align: center;
      margin: 35px 0 20px 0; }
      body section .top_icon .fa {
        font-size: 50px;
        color: #382c2c;
        padding: 0 10px 0 10px; }
      body section .top_icon .pizzeria {
        display: block;
        width: 70px;
        height: 70px;
        background: url("../img/pizzerias_icon.svg");
        background-repeat: no-repeat;
        background-size: 70px 70px;
        margin: 0 auto; }
    body section p {
      margin: 0 20px 0 20px;
      color: white;
      line-height: 32px;
      font-family: 'Quicksand', sans-serif;
      text-align: center;
      padding: 10px 20px 30px 20px; }
    body section .supports {
      width: 100%;
      height: 400px;
      background: url(../img/supports.svg);
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 75% 75%; }
    body section .btn {
      margin: 8px 15px 35px 15px;
      border: 2px solid #382c2c;
      padding: 7px;
      border-radius: 45px; }
      body section .btn .btn_pizzeria {
        display: block;
        font-family: 'Arvo', serif;
        font-weight: bold;
        width: 100%;
        line-height: 40px;
        padding: 15px;
        font-size: 27px;
        color: white;
        background: #382c2c;
        border-radius: 35px;
        border: 0;
        box-shadow: none;
        margin: 0 auto; }
    body .fond_blanc {
      width: 100%;
      background-color: whitesmoke;
      display: block;
      padding: 15px 0 15px 0; }
      body .fond_blanc .logo {
        display: block;
        margin: 100px;
        margin: 0 auto;
        width: 100%;
        height: 150px;
        background: url(../img/logo.svg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 75% 75%; }
      body .fond_blanc h1 {
        padding: 0 20px 0 20px;
        font-family: 'Arvo', serif;
        font-weight: bold;
        font-size: 20px;
        text-align: center;
        line-height: 32px; }
      body .fond_blanc span {
        color: #e0301e; }
      body .fond_blanc p {
        padding: 10px 20px 30px 20px;
        font-family: 'Quicksand', sans-serif;
        text-align: center;
        line-height: 32px;
        color: black;
        margin: 0; }
      body .fond_blanc .top_icon {
        width: 100%;
        display: block;
        text-align: center;
        margin: 35px 0 20px 0; }
        body .fond_blanc .top_icon .logo_profil {
          display: block;
          width: 70px;
          height: 70px;
          background: url(../img/profil_icon.svg);
          background-repeat: no-repeat;
          background-size: 70px 70px;
          margin: 0 auto; }
      body .fond_blanc .btn {
        margin: 40px 15px 35px 15px;
        border: 2px solid #93c01f;
        padding: 7px;
        border-radius: 45px; }
        body .fond_blanc .btn .btn_profil {
          display: block;
          font-family: 'Arvo', serif;
          font-weight: bold;
          width: 100%;
          line-height: 40px;
          padding: 15px;
          font-size: 27px;
          color: white;
          background: #93c01f;
          border-radius: 35px;
          border: 0;
          box-shadow: none;
          margin: 0 auto; }
    body .button_up {
      display: block;
      font-weight: lighter;
      width: 20%;
      padding: 5px 10px 10px 10px;
      font-size: 22px;
      color: white;
      background: #93c01f;
      border-radius: 15px;
      text-align: center;
      border: 0;
      box-shadow: none;
      margin: 0 auto;
      margin-top: 50px; }
      body .button_up a {
        text-decoration: none;
        color: white; }
        body .button_up a .fa {
          font-weight: bold; }
    body .toggler {
      background: #93c01f;
      color: white;
      border-radius: 25px;
      overflow: hidden;
      margin: 1em;
      box-shadow: 0px 0px 14px -4px #000; }
      body .toggler .handle {
        text-align: center;
        padding: 15px 0 15px 0;
        cursor: pointer;
        color: white; }
      body .toggler .fold {
        opacity: 0;
        transition: height 0.5s 0.4s cubic-bezier(0.65, 1.19, 0.65, 1.19), opacity 0.75s, padding 0.5s 0.4s;
        overflow: hidden;
        height: 0;
        padding: 0 1em; }
        body .toggler .fold .content {
          box-sizing: border-box;
          padding: 1em;
          background-color: #93c01f;
          border-radius: 1em;
          height: auto; }
          body .toggler .fold .content .swiper-container {
            background: #e6e6e6;
            border-radius: 15px;
            width: 100%;
            height: 330px;
            padding: 0; }
          body .toggler .fold .content .swiper-slide {
            text-align: center;
            font-size: 22px;
            background: #fff;
            color: black;
            border-left: 0.5px solid silver;
            border-right: 1px solid silver;
            width: 100px;
            /* Center slide text vertically */
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: flex-start;
            -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            position: relative; }
            body .toggler .fold .content .swiper-slide .fa-heart {
              display: block;
              position: absolute;
              color: #e0301e;
              top: 98px;
              left: 185px;
              width: auto;
              padding: 5px;
              background-color: #e6e6e6;
              border: 1px solid gainsboro;
              border-radius: 10px;
              z-index: 1000; }
            body .toggler .fold .content .swiper-slide .pizza {
              display: block;
              position: relative;
              margin-bottom: 30px;
              width: 100%;
              height: 200px;
              background: url(../img/pizza.svg);
              background-repeat: no-repeat;
              background-position: center center;
              background-size: 80% 80%; }
            body .toggler .fold .content .swiper-slide h3 {
              vertical-align: top;
              text-align: left;
              display: block;
              width: 70%;
              margin: 0;
              margin: 10px 0px 0px 10px; }
            body .toggler .fold .content .swiper-slide .plus {
              display: block;
              width: 14%;
              margin: 10px;
              padding: 5px;
              font-size: 25px;
              background-color: silver;
              color: white;
              border-radius: 100%; }
          body .toggler .fold .content .swiper-pagination-bullet {
            background: grey;
            padding: 0;
            width: 15px;
            height: 15px; }
          body .toggler .fold .content .swiper-pagination-fraction,
          body .toggler .fold .content .swiper-pagination-custom,
          body .toggler .fold .content .swiper-container-horizontal > .swiper-pagination-bullets {
            bottom: 10px;
            left: 0;
            width: 100%; }
          body .toggler .fold .content .infos_perso li {
            list-style-type: none;
            text-align: left;
            background-color: #f0f0f0;
            border: 1px solid #e6e6e6;
            margin: 10px;
            padding: 7px 7px 7px 12px;
            color: #333333;
            font-weight: medium;
            font-size: 22px; }
      body .toggler.open .fold {
        transition: height 0.5s cubic-bezier(0.65, 1.19, 0.65, 1.19), opacity 0.75s 0.4s;
        opacity: 1;
        padding: 0 1em 1em; }
    body #toggler_first {
      background-color: white;
      color: #93c01f; }
      body #toggler_first .handle {
        color: #93c01f; }
      body #toggler_first .fold .content {
        background-color: white; }
        body #toggler_first .fold .content .niveau {
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-flex-flow: row wrap;
          -ms-flex-flow: row wrap;
          flex-flow: row wrap;
          -webkit-justify-content: space-around;
          -ms-flex-pack: distribute;
          justify-content: space-around;
          -webkit-align-items: center;
          -ms-flex-align: center;
          align-items: center;
          background-color: #382c2c;
          box-shadow: 0px 0px 10px -4px #000;
          height: 50px;
          border-radius: 15px;
          font-size: 18px;
          color: white;
          font-family: "Arvo", serif;
          padding: 10px;
          letter-spacing: 2px; }
          body #toggler_first .fold .content .niveau .barre_niv {
            background-color: #f2921b;
            width: 50%;
            height: 20px;
            border-radius: 20px;
            position: relative; }
            body #toggler_first .fold .content .niveau .barre_niv .niv_actuel {
              background-color: #cc6600;
              width: 40%;
              height: 20px;
              border-radius: 10px;
              position: absolute; }
        body #toggler_first .fold .content .parrainage {
          margin-top: 20px;
          margin-bottom: 20px;
          width: 100%;
          background-color: #f0f0f0;
          box-shadow: 0px 0px 10px -4px #000;
          border-radius: 15px;
          padding: 15px; }
          body #toggler_first .fold .content .parrainage h3 {
            text-align: left;
            display: inline-block;
            width: 70%;
            padding-left: 17px;
            font-family: 'Arvo', serif;
            font-size: 20px; }
          body #toggler_first .fold .content .parrainage .rond_parrainage {
            display: inline-block;
            vertical-align: middle;
            background-color: #382c2c;
            border-radius: 60px;
            width: 60px;
            height: 60px;
            font-family: "Quicksand", sans-serif;
            font-weight: bold;
            font-size: 22px;
            color: white;
            text-align: center;
            padding-top: 15px; }
          body #toggler_first .fold .content .parrainage .btn_pro2 {
            display: block;
            text-align: center;
            padding: 8px;
            margin: 0;
            background-color: #93c01f;
            color: white;
            width: 70%;
            font-size: 17px; }
        body #toggler_first .fold .content .btn_profil {
          width: 100%;
          border-radius: 15px;
          padding: 7px;
          border: 2px solid #e75540;
          margin: 0;
          height: auto; }
          body #toggler_first .fold .content .btn_profil .bon_moment {
            background-color: #e75540;
            width: 100%;
            height: auto;
            border-radius: 15px;
            box-shadow: 0px 0px 10px -4px #000;
            padding: 15px; }
            body #toggler_first .fold .content .btn_profil .bon_moment h3 {
              color: white;
              font-family: 'Arvo', serif;
              font-size: 19px;
              text-align: left;
              display: inline-block;
              width: 70%; }
            body #toggler_first .fold .content .btn_profil .bon_moment .rond_bon_moment {
              display: inline-block;
              vertical-align: middle;
              background-color: #382c2c;
              border-radius: 60px;
              width: 60px;
              height: 60px;
              font-family: "Quicksand", sans-serif;
              font-weight: bold;
              font-size: 22px;
              color: white;
              text-align: center;
              padding-top: 15px; }
    body #description {
      position: absolute;
      top: 150px;
      left: 50%;
      background-color: white;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%);
      display: none;
      width: 91%;
      border-radius: 25px;
      height: auto;
      z-index: 10000; }
      body #description .titre_alert {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        width: 100%; }
        body #description .titre_alert h3 {
          width: 80%;
          padding: 8px 0px 15px 0;
          text-align: center;
          color: #93c01f;
          font-family: "Arvo", serif;
          font-size: 25px; }
        body #description .titre_alert .croix .fa {
          width: 20%;
          padding: 10px 10px 0 0;
          font-size: 25px;
          color: #505050; }
      body #description .fa-heart {
        display: block;
        position: absolute;
        color: #e0301e;
        top: 68px;
        left: 120px;
        width: auto;
        padding: 5px;
        background-color: #e6e6e6;
        border: 1px solid gainsboro;
        border-radius: 10px;
        z-index: 1000; }
      body #description .pizza {
        position: relative;
        display: inline-block;
        margin-bottom: 10px;
        width: 50%;
        height: 150px;
        background: url(../img/pizza.svg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 80% 80%; }
      body #description .bloc_modif_commander {
        display: inline-block;
        width: 40%;
        margin: 0 auto;
        margin-top: 20px;
        vertical-align: top; }
        body #description .bloc_modif_commander .modifier {
          display: block;
          background-color: #e0301e;
          box-shadow: 0px 0px 16px -4px #000;
          border-radius: 15px;
          width: 100%;
          padding: 12px;
          margin-bottom: 20px;
          text-align: center;
          color: white;
          font-family: 'Arvo', serif; }
        body #description .bloc_modif_commander .commander {
          display: block;
          margin: 0 auto;
          vertical-align: top;
          background-color: #382c2c;
          box-shadow: 0px 0px 16px -4px #000;
          border-radius: 15px;
          margin-bottom: 20px;
          width: 100%;
          padding: 12px;
          text-align: center;
          color: white;
          font-family: 'Arvo', serif;
          line-height: 25px; }
      body #description .etoiles {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        width: 80%;
        margin: 0 auto;
        margin-bottom: 15px;
        font-size: 30px;
        color: #f2921b; }
      body #description .btn_ingredients {
        display: block;
        text-align: center;
        width: 80%;
        margin: 0 auto;
        background-color: #93c01f;
        padding: 10px;
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
        border: 0;
        box-shadow: none;
        font-family: 'Arvo', serif;
        color: white; }
      body #description .content_ingredients {
        display: block;
        margin: 0 auto;
        margin-bottom: 15px;
        background-color: #f0f0f0;
        border: 1px solid #e6e6e6;
        width: 80%;
        height: auto; }
        body #description .content_ingredients h4 {
          margin: 8px 8px 8px 15px; }
        body #description .content_ingredients p {
          margin: 0;
          padding-left: 10px;
          color: #8c8c8c; }
      body #description .partager p {
        font-family: 'Arvo', serif;
        font-size: 18px;
        width: 80%;
        display: block;
        margin: 0 auto;
        text-align: left;
        margin-bottom: 5px; }
      body #description .partager ul {
        margin: 0;
        padding: 7.5px;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center; }
        body #description .partager ul .logo {
          display: block;
          width: 40px;
          height: 40px;
          background: url("../img/logo.svg");
          background-repeat: no-repeat;
          background-size: 40px 40px; }
        body #description .partager ul li {
          margin-bottom: 15px;
          height: auto;
          list-style-type: none; }
          body #description .partager ul li .fa {
            font-size: 40px;
            color: #323232; }
    body .visible {
      display: block !important; }
    body .overlay {
      background: black;
      opacity: 0.7;
      display: none;
      position: fixed;
      top: 0px;
      left: 0px;
      width: 100%;
      height: 100%;
      z-index: 1000; }
    body #page_panier {
      background-color: #333333;
      display: block;
      width: 100%;
      height: 100%; }
      body #page_panier .top_icon_titre .icon5 {
        display: block;
        width: 35px;
        height: 35px;
        background: url("../img/panier_icon.svg");
        background-repeat: no-repeat;
        background-size: 25px 25px;
        background-position: center center;
        margin: 7px 10px 10px 10px;
        background-color: white;
        border-radius: 100%; }
      body #page_panier #description_panier {
        background-color: white;
        display: block;
        width: 90%;
        margin: 0 auto;
        margin-top: 15px;
        padding-bottom: 15px;
        border-radius: 25px;
        height: auto; }
        body #page_panier #description_panier .titre_alert {
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-justify-content: flex-end;
          -ms-flex-pack: end;
          justify-content: flex-end;
          width: 100%; }
          body #page_panier #description_panier .titre_alert h3 {
            width: 80%;
            padding: 8px 0px 15px 0;
            text-align: center;
            color: #93c01f;
            font-family: "Arvo", serif;
            font-size: 25px; }
          body #page_panier #description_panier .titre_alert .croix .fa {
            width: 20%;
            padding: 10px 10px 0 0;
            font-size: 25px;
            color: #505050; }
        body #page_panier #description_panier .pizza {
          display: inline-block;
          margin-bottom: 10px;
          width: 50%;
          height: 150px;
          background: url(../img/pizza.svg);
          background-repeat: no-repeat;
          background-position: center center;
          background-size: 80% 80%; }
        body #page_panier #description_panier .bloc_modif_commander {
          display: inline-block;
          width: 40%;
          margin: 0 auto;
          margin-top: 20px;
          vertical-align: top; }
          body #page_panier #description_panier .bloc_modif_commander .modifier {
            display: block;
            background-color: #e0301e;
            box-shadow: 0px 0px 16px -4px #000;
            border-radius: 15px;
            width: 100%;
            padding: 12px;
            margin-bottom: 20px;
            text-align: center;
            color: white;
            font-family: 'Arvo', serif; }
          body #page_panier #description_panier .bloc_modif_commander .commander {
            display: block;
            margin: 0 auto;
            vertical-align: top;
            background-color: #382c2c;
            box-shadow: 0px 0px 16px -4px #000;
            border-radius: 15px;
            margin-bottom: 20px;
            width: 100%;
            padding: 12px;
            text-align: center;
            color: white;
            font-family: 'Arvo', serif;
            line-height: 25px; }
        body #page_panier #description_panier .btn_ingredients {
          display: block;
          text-align: center;
          width: 80%;
          margin: 0 auto;
          background-color: #93c01f;
          padding: 10px;
          border-top-left-radius: 15px;
          border-top-right-radius: 15px;
          border: 0;
          box-shadow: none;
          font-family: 'Arvo', serif;
          color: white; }
        body #page_panier #description_panier .content_ingredients {
          display: block;
          margin: 0 auto;
          margin-bottom: 15px;
          background-color: #f0f0f0;
          border: 1px solid #e6e6e6;
          width: 80%;
          height: auto; }
          body #page_panier #description_panier .content_ingredients h4 {
            margin: 8px 8px 8px 15px; }
          body #page_panier #description_panier .content_ingredients p {
            padding: 0;
            margin: 0;
            padding: 0 0 0 40px;
            text-align: left;
            color: #8c8c8c; }
      body #page_panier .bloc_modif_commander p {
        width: 60%;
        background-color: #f2921b;
        margin: 0;
        padding: 0;
        display: block;
        margin: 0 auto;
        font-size: 22px;
        font-weight: bold;
        margin-top: 20px; }
      body #page_panier .bloc_modif_commander .commander_panier {
        display: block;
        margin: 0 auto;
        background-color: #e0301e;
        color: white;
        width: 75%;
        border-radius: 25px;
        margin-top: 20px;
        padding: 15px;
        text-align: center;
        font-family: 'Arvo', serif;
        font-size: 22px;
        box-shadow: 0px 0px 16px -4px #000; }
    body .page_suggestion .top_icon_titre .icon2 {
      display: block;
      width: 35px;
      height: 35px;
      background: url("../img/suggestion.svg");
      background-repeat: no-repeat;
      background-size: 30px 30px;
      background-position: center center;
      margin: 7px 10px 10px 10px; }
    body .page_suggestion .filtre_sugg {
      padding: 10px 0 20px 20px;
      color: #f0f0f0; }
      body .page_suggestion .filtre_sugg select {
        background-color: #f0f0f0;
        padding: 5px;
        color: #93c01f;
        font-family: 'Quicksand', sans-serif;
        font-weight: bold;
        margin-left: 5px; }
    body .page_suggestion #galerie_suggestion {
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: space-around;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: flex-start;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      z-index: -10; }
      body .page_suggestion #galerie_suggestion .swiper-slide {
        text-align: center;
        font-size: 22px;
        background: #fff;
        color: black;
        margin-bottom: 20px;
        width: 45%;
        border-radius: 15px;
        box-shadow: 0px 0px 14px -4px #000;
        position: relative; }
        body .page_suggestion #galerie_suggestion .swiper-slide .fa-heart {
          display: block;
          position: absolute;
          color: #e0301e;
          top: 98px;
          left: 185px;
          width: auto;
          padding: 5px;
          background-color: #e6e6e6;
          border: 1px solid gainsboro;
          border-radius: 10px;
          z-index: 1000; }
        body .page_suggestion #galerie_suggestion .swiper-slide .pizza {
          display: block;
          position: relative;
          width: 100%;
          height: 160px;
          background: url(../img/pizza.svg);
          background-repeat: no-repeat;
          background-position: center center;
          background-size: 80% 80%; }
        body .page_suggestion #galerie_suggestion .swiper-slide h3 {
          vertical-align: top;
          text-align: center;
          display: block;
          width: 100%;
          margin: 5px;
          font-family: "Arvo", serif;
          font-size: 20px; }
        body .page_suggestion #galerie_suggestion .swiper-slide .fa-heart-o {
          display: block;
          position: absolute;
          color: #e0301e;
          top: 25%;
          left: 70%;
          width: auto;
          padding: 5px;
          background-color: #e6e6e6;
          border: 1px solid gainsboro;
          border-radius: 10px;
          z-index: 1000; }
        body .page_suggestion #galerie_suggestion .swiper-slide .fa-heart {
          left: 70%;
          top: 25%; }
      body .page_suggestion #galerie_suggestion #description {
        background-color: #333333; }
        body .page_suggestion #galerie_suggestion #description .croix .fa {
          width: 20%;
          padding: 10px 10px 0 0;
          font-size: 25px;
          color: gainsboro; }
        body .page_suggestion #galerie_suggestion #description .commander {
          background-color: white;
          color: #382c2c;
          font-weight: bold; }
        body .page_suggestion #galerie_suggestion #description .content_ingredients h4 {
          margin: 8px 8px 8px 15px; }
        body .page_suggestion #galerie_suggestion #description .content_ingredients p {
          padding: 0;
          margin: 0;
          padding: 0 0 0 40px;
          text-align: left;
          color: #8c8c8c; }
        body .page_suggestion #galerie_suggestion #description .partager {
          margin-bottom: 30px; }
          body .page_suggestion #galerie_suggestion #description .partager p {
            padding: 0; }
          body .page_suggestion #galerie_suggestion #description .partager ul {
            margin: 0 auto;
            border-bottom: 1px solid silver;
            padding-bottom: 10px;
            margin-bottom: 30px;
            width: 90%; }
            body .page_suggestion #galerie_suggestion #description .partager ul li .fa {
              color: gainsboro; }
          body .page_suggestion #galerie_suggestion #description .partager textarea {
            display: block;
            margin: 0 auto;
            font-size: 18px;
            height: 70px;
            background-color: #f0f0f0; }
    body .top_icon_titre {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
      flex-flow: row nowrap;
      padding-top: 120px; }
      body .top_icon_titre .icon4 {
        display: block;
        width: 45px;
        height: 45px;
        background: url("../img/pizzerias.svg");
        background-repeat: no-repeat;
        background-size: 35px 35px;
        background-position: center center;
        margin: 7px 10px 10px 10px; }
      body .top_icon_titre h2 {
        color: white;
        font-family: 'Arvo', serif;
        margin: 0 0 0 10px; }
    body section.localisation input, body section.localisation textarea, body section.pizzinscription input, body section.pizzinscription textarea {
      font-family: "Quicksand", sans-serif;
      font-size: 18px;
      width: 86%;
      padding: 10px;
      margin: 15px 0px 15px 7%; }
    body section.localisation iframe {
      width: 86%;
      height: 40vh;
      margin: 30px 0px 0px 7%; }
    body section.pizzinscription .envoyer {
      display: block;
      width: 86%;
      margin: 0 auto;
      margin-top: 20px;
      margin-bottom: 20px;
      padding: 10px;
      font-family: 'Arvo', serif;
      font-weight: lighter;
      font-size: 22px;
      letter-spacing: 2px;
      background: #93c01f;
      color: white;
      border-radius: 35px;
      border: 0;
      box-shadow: none; }
    body section.pizzinscription h2 {
      color: white;
      font-family: 'Arvo', serif;
      margin: 20px 20px 20px 70px; }
    body div.mask {
      position: fixed;
      top: 0;
      left: 0;
      background-color: #000;
      width: 100vw;
      height: 0;
      opacity: 0;
      transition-property: opacity;
      transition-duration: .5s; }
    body div.active {
      position: fixed;
      height: 100vh;
      opacity: .7;
      transition-property: opacity;
      transition-duration: .5s; }
    body section.popup {
      position: absolute;
      height: auto;
      width: 80%;
      top: -400px;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%);
      background-color: #fff;
      border-radius: 15px;
      box-shadow: 3px 3px 20px -3px #000;
      transition-property: top;
      transition-duration: .7s; }
    body h2 {
      margin: 30px 15px 30px 15px;
      line-height: 31px; }
    body section.active {
      position: fixed;
      text-align: center;
      top: 200px;
      -webkit-animation-name: slide;
      animation-name: slide;
      -webkit-animation-duration: .7s;
      animation-duration: .7s; }
  @-webkit-keyframes slide {
    0% {
      top: -300px; }
    100% {
      top: 200px; } }
  @keyframes slide {
    0% {
      top: -300px; }
    100% {
      top: 200px; } }
    body a {
      text-decoration: none; }
    body #closebtn {
      display: block;
      position: relative;
      width: 80%;
      margin: 30px 0 30px 0px;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%);
      padding: 10px;
      font-family: 'Arvo', serif;
      font-weight: lighter;
      font-size: 18px;
      letter-spacing: 2px;
      background: #93c01f;
      color: white;
      border-radius: 35px;
      border: 0;
      box-shadow: none; }
    body h3.par-etape {
      margin-top: 50px;
      font-size: 20px;
      color: #93c01f;
      text-align: center; }
    body div#recapitulatif {
      background-color: #fff;
      width: 80%;
      margin-top: 20px;
      margin-left: 10%;
      border-radius: 20px; }
      body div#recapitulatif h3 {
        padding: 15px 70px 30px 70px;
        text-align: center;
        font-size: 20px;
        color: #666666;
        font-weight: lighter; }
      body div#recapitulatif table {
        width: 85%;
        margin-left: 7.5%;
        font-size: 18px;
        margin-bottom: 20px; }
        body div#recapitulatif table .pizza {
          font-family: 'Arvo';
          font-weight: bold; }
        body div#recapitulatif table .prix {
          color: #f2921b;
          text-align: right;
          font-weight: bold;
          padding-bottom: 20px; }
        body div#recapitulatif table span {
          font-weight: lighter;
          margin-right: 10px; }
        body div#recapitulatif table span::before {
          content: "●";
          margin-right: 8px;
          color: #93c01f; }
      body div#recapitulatif div.prixfinal {
        background-color: #f2921b;
        border-radius: 0px 0px 20px 20px;
        color: #fff;
        padding: 15px 0 15px 0;
        font-size: 25px;
        text-align: center;
        font-weight: bold; }
    body div#etape1, body div#etape2, body div#etape3, body div#etape4 {
      color: #fff; }
      body div#etape1 img, body div#etape2 img, body div#etape3 img, body div#etape4 img {
        width: 70%;
        margin: 40px 0px 0px 15%; }
      body div#etape1 p, body div#etape2 p, body div#etape3 p, body div#etape4 p {
        text-align: left;
        line-height: 20px;
        padding: 0;
        margin: 7px 0 5px 12%;
        font-size: 14px;
        color: gray; }
      body div#etape1 h4, body div#etape2 h4, body div#etape3 h4, body div#etape4 h4 {
        margin: 35px 7.5% 15px 7.5%;
        font-weight: bold;
        font-size: 22px; }
      body div#etape1 .envoyer, body div#etape1 .payer, body div#etape2 .envoyer, body div#etape2 .payer, body div#etape3 .envoyer, body div#etape3 .payer, body div#etape4 .envoyer, body div#etape4 .payer {
        display: block;
        width: 85%;
        margin: 0 auto;
        margin-top: 20px;
        margin-bottom: 20px;
        padding: 10px;
        font-family: 'Arvo', serif;
        font-weight: lighter;
        font-size: 22px;
        letter-spacing: 2px;
        background: #93c01f;
        color: white;
        border-radius: 35px;
        border: 0;
        box-shadow: none; }
    body .recap-invisible, body .un-invisible, body .deux-invisible, body .trois-invisible, body .quatre-invisible {
      display: none; }
    body input, body textarea {
      font-family: "Quicksand", sans-serif;
      font-size: 25px;
      width: 85%;
      padding: 10px;
      margin: 15px 0px 15px 7%; }
    body ::-webkit-input-placeholder {
      font-family: 'Quicksand';
      font-weight: lighter; }
    body [type=text], body [type=number], body [type=time], body [type=email], body [type=tel] {
      font-family: 'Arvo';
      font-weight: bold;
      color: #382c2c; }
    body ul.radio {
      font-family: "Quicksand", sans-serif;
      font-size: 14px;
      display: block;
      margin: 0 auto;
      margin-top: 20px; }
      body ul.radio li {
        list-style-type: none;
        padding: 8px; }
        body ul.radio li label {
          line-height: 23px;
          font-size: 25px; }
        body ul.radio li #ra1, body ul.radio li #ra2, body ul.radio li #ra3, body ul.radio li #ra4, body ul.radio li #ra5, body ul.radio li #en-espece, body ul.radio li #en-ligne1, body ul.radio li #ra8, body ul.radio li #ra9, body ul.radio li #ra10, body ul.radio li #ra11, body ul.radio li #cb1 {
          margin: 0 0 0 6%;
          padding: 0;
          display: inline;
          width: 20px; }
    body ul.checkbox {
      margin-top: 0;
      padding: 0 15px 0 15px !important; }
      body ul.checkbox li {
        display: inline-block; }
      body ul.checkbox li:first-child {
        width: 3%; }
      body ul.checkbox li:last-child {
        width: 80%; }
      body ul.checkbox #cb1 {
        margin: 0 0 0 4%;
        padding: 0;
        display: inline;
        width: 20px; }
      body ul.checkbox [for=cb1] {
        color: #382c2c;
        font-size: 15px; }
    body div.modifiable, body div.paiement {
      width: 85%;
      margin-left: 7.5%;
      background-color: #fff;
      padding: 0 0 5px 0; }
      body div.modifiable h4, body div.paiement h4 {
        color: #382c2c;
        text-align: center;
        margin-bottom: 0;
        padding-top: 25px; }
      body div.modifiable ul, body div.paiement ul {
        padding: 15px; }
      body div.modifiable li, body div.paiement li {
        font-family: 'Quicksand';
        color: #382c2c;
        font-weight: bold;
        margin-top: 20px;
        font-size: 20px; }
      body div.modifiable button#modifier, body div.paiement button#modifier {
        display: block;
        width: 50%;
        margin: 0 auto;
        margin-top: 20px;
        margin-bottom: 20px;
        padding: 10px;
        font-family: 'Arvo', serif;
        font-weight: lighter;
        font-size: 18px;
        letter-spacing: 2px;
        background: #e0301e;
        color: white;
        border-radius: 35px;
        border: 0;
        box-shadow: none; }
    body div.modifiable div {
      margin: 8px 0 10px 0;
      color: #f2921b;
      font-size: 25px; }
    body div.paiement {
      margin-bottom: 50px; }
      body div.paiement ul {
        padding: 0;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-items: baseline;
        -ms-flex-align: baseline;
        align-items: baseline; }
      body div.paiement li {
        text-align: center; }
      body div.paiement ul > li {
        margin: 2px 0 20px 0;
        padding: 0;
        width: 50%; }
      body div.paiement label {
        display: block; }
      body div.paiement img {
        width: 50% !important;
        margin: 0 !important; }
    body input[name=date-exp-mois], body input[name=date-exp-annee] {
      width: 17% !important;
      padding: 5px;
      margin-top: 0;
      margin-left: 8%; }
    body input[type=time] {
      width: 110px;
      padding: 5px 0 5px 15px;
      text-align: center; }
    body input[name=date-exp-annee] {
      margin-left: 0; }
    body div#en-ligne-princ.invisible {
      display: none; }
    body input#btn.payer {
      margin-top: 64px; }
    body div.prixfinal-fin {
      background-color: #f2921b;
      width: 40%;
      margin: 50px 0 0 30%;
      color: #fff;
      padding: 15px 0 15px 0;
      font-size: 25px;
      text-align: center;
      font-weight: bold; }
    body #ra1:checked + .check, body #ra2:checked + .check, body #ra3:checked + .check,
    body #ra4:checked + .check, body #ra5:checked + .check, body #cb1:checked + .check,
    body #en-espece:checked + .check, body #en-ligne1:checked + .check {
      color: #f2921b;
      font-weight: bold; }
    body div.barre-etape {
      width: 50%;
      height: 8px;
      background-color: #fff;
      position: relative;
      margin: 15px 0 0 25%;
      border-radius: 50px; }
      body div.barre-etape span.un {
        width: 25%;
        height: 8px;
        background-color: #93c01f;
        position: absolute;
        border-radius: 50px; }
      body div.barre-etape span.deux {
        width: 50%;
        height: 8px;
        background-color: #93c01f;
        position: absolute;
        border-radius: 50px; }
      body div.barre-etape span.trois {
        width: 75%;
        height: 8px;
        background-color: #93c01f;
        position: absolute;
        border-radius: 50px; }
      body div.barre-etape span.quatre {
        width: 100%;
        height: 8px;
        background-color: #93c01f;
        position: absolute;
        border-radius: 50px; }
    body footer {
      margin-top: 60px; }
      body footer nav {
        box-shadow: 5px 5px 20px rgba(1, 1, 1, 0.8);
        background: url("../img/header-footer.png");
        width: 100%;
        bottom: 0;
        height: 90px;
        box-shadow: 0px -1px 10px rgba(0, 0, 0, 0.7); }
        body footer nav ul {
          margin: 0;
          padding: 7.5px;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-flex-direction: row;
          -ms-flex-direction: row;
          flex-direction: row;
          -webkit-justify-content: space-around;
          -ms-flex-pack: distribute;
          justify-content: space-around;
          -webkit-align-items: center;
          -ms-flex-align: center;
          align-items: center; }
          body footer nav ul .logo {
            display: block;
            width: 40px;
            height: 40px;
            background: url("../img/logo.svg");
            background-repeat: no-repeat;
            background-size: 40px 40px; }
          body footer nav ul li {
            height: auto;
            list-style-type: none; }
            body footer nav ul li .fa {
              font-size: 40px;
              color: white; }
        body footer nav ul:last-child {
          font-size: 11px;
          color: white;
          text-decoration: underline; } }