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,
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: top;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
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;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

img {
    max-width: 100%;
}

a {
    text-decoration: none;
}

.dl-menuwrapper {
    width: auto;
    position: relative;
    top: -14px;
    right: 1%;
    -webkit-perspective: 1000px;
    perspective: 1000px;
    -webkit-perspective-origin: 50% 200%;
    perspective-origin: 50% 200%;
    z-index: 3000;
    text-align: right;
}

.dl-menuwrapper:first-child {
    margin-right: 0;
}

.dl-menuwrapper button {
    background: #f3efef;
    border: none;
    margin: 0 auto;
    width: 45px;
    height: 45px;
    position: relative;
    cursor: pointer;
    outline: none;
    color: #95d123;
    font-size: 1.25em;
    border: 1px solid #95d123;
    border-radius: 3px;
}

.dl-menuwrapper button:hover,
.dl-menuwrapper button.dl-active {
    background: #ccc;
}

.dl-menuwrapper ul {
    background: #f3efef;
}

.dl-menuwrapper button:after {
    content: "";
    position: absolute;
    width: 32px;
    height: 2px;
    background: #95d123;
    top: 10px;
    left: 5px;
    box-shadow: 0 10px 0 #95d123, 0 20px 0 #95d123;
}

.dl-menuwrapper ul {
    padding: 0;
    list-style: none;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    border: 1px solid #95d123;
    border-radius: 3px;
}

.dl-menuwrapper li {
    position: relative;
}

.dl-menuwrapper li a {
    font-family: "Bebas Neue", cursive;
    display: block;
    position: relative;
    padding: 7px 10px;
    font-size: 1.8em;
    font-weight: 300;
    color: #000;
    outline: none;
    text-align: left;
}

.no-touch .dl-menuwrapper li a:hover {
    color: #95d123;
    text-decoration: none;
}

.dl-menuwrapper li.dl-back > a {
    padding-left: 30px;
    background: rgba(0, 0, 0, 0.1);
}

.dl-menuwrapper li.dl-back:after,
.dl-menuwrapper li > a:not(:only-child):after {
    position: absolute;
    top: 0;
    line-height: 35px;
    font-family: "Font Awesome 5 Free";
    content: "\f105";
    speak: none;
    -webkit-font-smoothing: antialiased;
    font-weight: 900;
    color: #ffdd16;
}

.dl-menuwrapper li.dl-back:after {
    left: 10px;
    color: #ffdd16;
    content: "\f104";
}

.dl-menuwrapper li > a:after {
    right: 10px;
    color: rgba(255, 255, 255, 0.6);
}

.dl-menuwrapper .dl-menu {
    margin: 15px 0 0;
    position: absolute;
    top: 2.25em;
    width: 100%;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.dl-menuwrapper .dl-menu.dl-menu-toggle {
    transition: all 0.3s ease;
}

.dl-menuwrapper .dl-menu.dl-menuopen {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
}

.dl-menuwrapper li .dl-submenu {
    display: none;
}

.dl-menu.dl-subview li,
.dl-menu.dl-subview li.dl-subviewopen > a,
.dl-menu.dl-subview li.dl-subview > a {
    display: none;
}

.dl-menu.dl-subview li.dl-subview,
.dl-menu.dl-subview li.dl-subview .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {
    display: block;
}

.dl-menuwrapper > .dl-submenu {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    margin: 0;
}

.dl-menu.dl-animate-out-1 {
    -webkit-animation: MenuAnimOut1 0.4s;
    animation: MenuAnimOut1 0.4s;
}

.dl-menu.dl-animate-out-2 {
    -webkit-animation: MenuAnimOut2 0.3s ease-in-out;
    animation: MenuAnimOut2 0.3s ease-in-out;
}

.dl-menu.dl-animate-out-3 {
    -webkit-animation: MenuAnimOut3 0.4s ease;
    animation: MenuAnimOut3 0.4s ease;
}

.dl-menu.dl-animate-out-4 {
    -webkit-animation: MenuAnimOut4 0.4s ease;
    animation: MenuAnimOut4 0.4s ease;
}

.dl-menu.dl-animate-out-5 {
    -webkit-animation: MenuAnimOut5 0.4s ease;
    animation: MenuAnimOut5 0.4s ease;
}

@-webkit-keyframes MenuAnimOut1 {
    50% {
        -webkit-transform: translateZ(-250px) rotateY(30deg);
    }

    75% {
        -webkit-transform: translateZ(-372.5px) rotateY(15deg);
        opacity: 0.5;
    }

    100% {
        -webkit-transform: translateZ(-500px) rotateY(0deg);
        opacity: 0;
    }
}

@-webkit-keyframes MenuAnimOut2 {
    100% {
        -webkit-transform: translateX(-100%);
        opacity: 0;
    }
}

@-webkit-keyframes MenuAnimOut3 {
    100% {
        -webkit-transform: translateZ(300px);
        opacity: 0;
    }
}

@-webkit-keyframes MenuAnimOut4 {
    100% {
        -webkit-transform: translateZ(-300px);
        opacity: 0;
    }
}

@-webkit-keyframes MenuAnimOut5 {
    100% {
        -webkit-transform: translateY(40%);
        opacity: 0;
    }
}

@keyframes MenuAnimOut1 {
    50% {
        -webkit-transform: translateZ(-250px) rotateY(30deg);
        transform: translateZ(-250px) rotateY(30deg);
    }

    75% {
        -webkit-transform: translateZ(-372.5px) rotateY(15deg);
        transform: translateZ(-372.5px) rotateY(15deg);
        opacity: 0.5;
    }

    100% {
        -webkit-transform: translateZ(-500px) rotateY(0deg);
        transform: translateZ(-500px) rotateY(0deg);
        opacity: 0;
    }
}

@keyframes MenuAnimOut2 {
    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 0;
    }
}

@keyframes MenuAnimOut3 {
    100% {
        -webkit-transform: translateZ(300px);
        transform: translateZ(300px);
        opacity: 0;
    }
}

@keyframes MenuAnimOut4 {
    100% {
        -webkit-transform: translateZ(-300px);
        transform: translateZ(-300px);
        opacity: 0;
    }
}

@keyframes MenuAnimOut5 {
    100% {
        -webkit-transform: translateY(40%);
        transform: translateY(40%);
        opacity: 0;
    }
}

.dl-menu.dl-animate-in-1 {
    -webkit-animation: MenuAnimIn1 0.3s;
    animation: MenuAnimIn1 0.3s;
}

.dl-menu.dl-animate-in-2 {
    -webkit-animation: MenuAnimIn2 0.3s ease-in-out;
    animation: MenuAnimIn2 0.3s ease-in-out;
}

.dl-menu.dl-animate-in-3 {
    -webkit-animation: MenuAnimIn3 0.4s ease;
    animation: MenuAnimIn3 0.4s ease;
}

.dl-menu.dl-animate-in-4 {
    -webkit-animation: MenuAnimIn4 0.4s ease;
    animation: MenuAnimIn4 0.4s ease;
}

.dl-menu.dl-animate-in-5 {
    -webkit-animation: MenuAnimIn5 0.4s ease;
    animation: MenuAnimIn5 0.4s ease;
}

@-webkit-keyframes MenuAnimIn1 {
    0% {
        -webkit-transform: translateZ(-500px) rotateY(0deg);
        opacity: 0;
    }

    20% {
        -webkit-transform: translateZ(-250px) rotateY(30deg);
        opacity: 0.5;
    }

    100% {
        -webkit-transform: translateZ(0px) rotateY(0deg);
        opacity: 1;
    }
}

@-webkit-keyframes MenuAnimIn2 {
    0% {
        -webkit-transform: translateX(-100%);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0px);
        opacity: 1;
    }
}

@-webkit-keyframes MenuAnimIn3 {
    0% {
        -webkit-transform: translateZ(300px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateZ(0px);
        opacity: 1;
    }
}

@-webkit-keyframes MenuAnimIn4 {
    0% {
        -webkit-transform: translateZ(-300px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateZ(0px);
        opacity: 1;
    }
}

@-webkit-keyframes MenuAnimIn5 {
    0% {
        -webkit-transform: translateY(40%);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateY(0);
        opacity: 1;
    }
}

@keyframes MenuAnimIn1 {
    0% {
        -webkit-transform: translateZ(-500px) rotateY(0deg);
        transform: translateZ(-500px) rotateY(0deg);
        opacity: 0;
    }

    20% {
        -webkit-transform: translateZ(-250px) rotateY(30deg);
        transform: translateZ(-250px) rotateY(30deg);
        opacity: 0.5;
    }

    100% {
        -webkit-transform: translateZ(0px) rotateY(0deg);
        transform: translateZ(0px) rotateY(0deg);
        opacity: 1;
    }
}

@keyframes MenuAnimIn2 {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
        opacity: 1;
    }
}

@keyframes MenuAnimIn3 {
    0% {
        -webkit-transform: translateZ(300px);
        transform: translateZ(300px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateZ(0px);
        transform: translateZ(0px);
        opacity: 1;
    }
}

@keyframes MenuAnimIn4 {
    0% {
        -webkit-transform: translateZ(-300px);
        transform: translateZ(-300px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateZ(0px);
        transform: translateZ(0px);
        opacity: 1;
    }
}

@keyframes MenuAnimIn5 {
    0% {
        -webkit-transform: translateY(40%);
        transform: translateY(40%);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-1 {
    -webkit-animation: SubMenuAnimIn1 0.4s ease;
    animation: SubMenuAnimIn1 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-2 {
    -webkit-animation: SubMenuAnimIn2 0.3s ease-in-out;
    animation: SubMenuAnimIn2 0.3s ease-in-out;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-3 {
    -webkit-animation: SubMenuAnimIn3 0.4s ease;
    animation: SubMenuAnimIn3 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-4 {
    -webkit-animation: SubMenuAnimIn4 0.4s ease;
    animation: SubMenuAnimIn4 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-5 {
    -webkit-animation: SubMenuAnimIn5 0.4s ease;
    animation: SubMenuAnimIn5 0.4s ease;
}

@-webkit-keyframes SubMenuAnimIn1 {
    0% {
        -webkit-transform: translateX(50%);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0px);
        opacity: 1;
    }
}

@-webkit-keyframes SubMenuAnimIn2 {
    0% {
        -webkit-transform: translateX(100%);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0px);
        opacity: 1;
    }
}

@-webkit-keyframes SubMenuAnimIn3 {
    0% {
        -webkit-transform: translateZ(-300px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateZ(0px);
        opacity: 1;
    }
}

@-webkit-keyframes SubMenuAnimIn4 {
    0% {
        -webkit-transform: translateZ(300px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateZ(0px);
        opacity: 1;
    }
}

@-webkit-keyframes SubMenuAnimIn5 {
    0% {
        -webkit-transform: translateZ(-200px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateZ(0);
        opacity: 1;
    }
}

@keyframes SubMenuAnimIn1 {
    0% {
        -webkit-transform: translateX(50%);
        transform: translateX(50%);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
        opacity: 1;
    }
}

@keyframes SubMenuAnimIn2 {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
        opacity: 1;
    }
}

@keyframes SubMenuAnimIn3 {
    0% {
        -webkit-transform: translateZ(-300px);
        transform: translateZ(-300px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateZ(0px);
        transform: translateZ(0px);
        opacity: 1;
    }
}

@keyframes SubMenuAnimIn4 {
    0% {
        -webkit-transform: translateZ(300px);
        transform: translateZ(300px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateZ(0px);
        transform: translateZ(0px);
        opacity: 1;
    }
}

@keyframes SubMenuAnimIn5 {
    0% {
        -webkit-transform: translateZ(-200px);
        transform: translateZ(-200px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1;
    }
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-1 {
    -webkit-animation: SubMenuAnimOut1 0.4s ease;
    animation: SubMenuAnimOut1 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-2 {
    -webkit-animation: SubMenuAnimOut2 0.3s ease-in-out;
    animation: SubMenuAnimOut2 0.3s ease-in-out;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-3 {
    -webkit-animation: SubMenuAnimOut3 0.4s ease;
    animation: SubMenuAnimOut3 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-4 {
    -webkit-animation: SubMenuAnimOut4 0.4s ease;
    animation: SubMenuAnimOut4 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-5 {
    -webkit-animation: SubMenuAnimOut5 0.4s ease;
    animation: SubMenuAnimOut5 0.4s ease;
}

@-webkit-keyframes SubMenuAnimOut1 {
    0% {
        -webkit-transform: translateX(0%);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(50%);
        opacity: 0;
    }
}

@-webkit-keyframes SubMenuAnimOut2 {
    0% {
        -webkit-transform: translateX(0%);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(100%);
        opacity: 0;
    }
}

@-webkit-keyframes SubMenuAnimOut3 {
    0% {
        -webkit-transform: translateZ(0px);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateZ(-300px);
        opacity: 0;
    }
}

@-webkit-keyframes SubMenuAnimOut4 {
    0% {
        -webkit-transform: translateZ(0px);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateZ(300px);
        opacity: 0;
    }
}

@-webkit-keyframes SubMenuAnimOut5 {
    0% {
        -webkit-transform: translateZ(0);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateZ(-200px);
        opacity: 0;
    }
}

@keyframes SubMenuAnimOut1 {
    0% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(50%);
        transform: translateX(50%);
        opacity: 0;
    }
}

@keyframes SubMenuAnimOut2 {
    0% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        opacity: 0;
    }
}

@keyframes SubMenuAnimOut3 {
    0% {
        -webkit-transform: translateZ(0px);
        transform: translateZ(0px);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateZ(-300px);
        transform: translateZ(-300px);
        opacity: 0;
    }
}

@keyframes SubMenuAnimOut4 {
    0% {
        -webkit-transform: translateZ(0px);
        transform: translateZ(0px);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateZ(300px);
        transform: translateZ(300px);
        opacity: 0;
    }
}

@keyframes SubMenuAnimOut5 {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateZ(-200px);
        transform: translateZ(-200px);
        opacity: 0;
    }
}

.no-js .dl-menuwrapper .dl-menu {
    position: relative;
    opacity: 1;
    -webkit-transform: none;
    transform: none;
}

.no-js .dl-menuwrapper li .dl-submenu {
    display: block;
}

.no-js .dl-menuwrapper li.dl-back {
    display: none;
}

.no-js .dl-menuwrapper li > a:not(:only-child) {
    background: rgba(0, 0, 0, 0.1);
}

.no-js .dl-menuwrapper li > a:not(:only-child):after {
    content: "";
}

.dl-menu a.actif {
    color: #95d123;
}

body {
    font-family: "Bebas Neue";
}

h1,
h2,
h3,
h4,
h5 {
    font-family: "Bebas Neue";
    color: #494343;
}

div.disconnect {
    height: 25px;
}

a.disconnect {
    display: inline-block;
    background-color: #95d123;
    color: #494343;
    padding: 10px;
    font-size: 1.2em;
}

span.disconnect {
    padding: 10px;
    font-size: 1.2em;
    display: inline-block;
    color: #494343;
}

h1,
p,
a {
    color: #494343;
    text-align: center;
    margin: 0.5em auto;
}

p {
    font-family: "Oswald";
    font-size: 1.15em;
    margin: 1em auto;
    text-align: left;
    line-height: 175%;
    color: #4f5256;
}

.conditionsvente h2 {
    font-size: 1.4em;
}

.conditionsvente h3 {
    font-size: 1.3em;
}

nav.menugeneral,
nav.menuprincipal,
header p.reseausociaux {
    display: none;
}

header {
    padding-top: 0;
}

header p {
    margin: 0;
}

.ligneinfo {
    width: 78%;
    margin: 0;
    font-size: 0.6em;
    text-align: right;
}

a.logo {
    text-align: center;
    display: block;
    margin: 2em auto 0;
    width: 85%;
}

main a:hover {
    text-decoration: underline;
}

.conteneur {
    width: 90%;
    margin: 0 auto;
}

.conteneur_header {
    width: 90%;
    margin: 0 auto;
}

.conteneur100vertlime {
    background-color: #fff;
    width: 100%;
    margin: 0 auto;
    padding-bottom: 5.5em !important;
    padding-top: 2.5em !important;
    text-align: center;
}

.conteneur90 {
    width: 100%;
    margin: 0 auto;
    text-align: left;
}

.conteneur90_2 {
    width: 86%;
    margin: 0 auto;
    text-align: left;
}

.conteneurfooter {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

.conteneurpetit {
    width: 80%;
    margin: 0 auto;
}

.rouge {
    color: #95d123;
    width: 80%;
    margin: 2em auto 0.5em;
}

hr {
    background-image: url(../images/etoile-rouge.png);
    background-repeat: space;
    width: 60%;
    height: 15px;
    border: 0;
}

hr.blanche {
    background-image: url(../images/etoile-blanche.png);
}

.slider {
    background: url(../images/ellipse-haut.png) no-repeat left top #f3efef;
    padding: 4.1em 0 2.1em;
    text-align: center;
    position: relative;
    z-index: 100;
}

.chicnews {
    display: inline-block;
    width: 60%;
    height: 2.2em;
    background: #95d123;
}

.chicnewsemail {
    display: inline-block;
    width: 50%;
}

.precision {
    margin-top: unset;
    margin-bottom: 30px;
    font-size: 0.95em;
}

main.secondaire {
    background: url(../images/ellipse-haut-secondaire.jpg) no-repeat center top;
    padding: 4.1em 0 2.1em;
    text-align: center;
    position: relative;
    z-index: 100;
    margin-top: -1em;
    padding: 0.2em 0 0.2em 0;
    text-align: center;
    position: relative;
    z-index: 100;
    margin-top: -1em;
}

.slider:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url(../images/ellipse-bas.png) no-repeat right bottom;
}

.slider h3 {
    font-size: 2.2em;
    margin-bottom: 0.5em;
}

h1 {
    font-size: 2.4em;
}

nav.navproduits {
    margin: 3em auto;
}

nav.navproduits ul li {
    text-align: center;
    width: 90%;
    margin: 0 auto 4em;
}

nav.navproduits ul li h2 {
    font-size: 2em;
    margin: 0.5em 0;
}

nav.navproduits ul li img {
    border: 15px solid #fff;
    border-radius: 50%;
    width: 75%;
    max-width: calc(339px - 30px);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.75);
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.75);
    -o-box-shadow: 0 0 15px rgba(0, 0, 0, 0.75);
}

p.btnRouge {
    margin-top: 1.5em;
}

p.btnRouge a {
    background-color: #95d123;
    color: #fff;
    text-transform: uppercase;
    border-radius: 0;
    padding: 7px 20px;
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    -ms-transition: 0.5s ease-in-out;
    border: 1px solid #95d123;
}

p.btnRouge a:hover {
    text-decoration: none;
    color: #95d123;
    background-color: #fff;
    border: 1px solid #95d123;
}

p.btnBlanc {
    margin-top: 1.5em;
    max-width: 350px;
    margin-right: 0 !important;
}

p.btnBlanc a {
    background-color: #fff;
    color: #95d123;
    text-transform: uppercase;
    border-radius: 0;
    padding: 7px 20px;
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    -ms-transition: 0.5s ease-in-out;
    display: block;
    border: 1.5px solid #95d123;
}

p.btnBlanc a:hover {
    text-decoration: none;
    background-color: #000;
    color: #95d123;
    border: 1.5px solid #95d123;
}

section.vedettes {
    background-color: #151313;
    padding: 2em;
    text-align: center;
}

main.secondaire section.vedettes {
    background-color: inherit;
}

section.vedettes p {
    color: #fff;
}

main.secondaire section.vedettes p {
    color: #151313;
}

main.secondaire section.vedettes p.btnRouge {
    text-align: center;
    font-size: 0.9em;
}

section.vedettes h2 {
    color: #fff;
    font-size: 2.4em;
    padding-bottom: 0.3em;
}

section.vedettes img {
    border: 10px solid #fff;
    width: 80%;
    max-width: calc(500px - 30px);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.75);
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.75);
    -o-box-shadow: 0 0 15px rgba(0, 0, 0, 0.75);
}

section.vedettes figure {
    margin-top: 1.5em;
}

section.vedettes figcaption {
    color: #fff;
    padding: 0.5em 0;
}

main.secondaire figcaption {
    color: #494343;
    padding: 0.5em 0;
}

.special {
    color: red;
    font-weight: 700;
}

.specialbarre {
    text-decoration: line-through;
}

section.vedettes figcaption span {
    padding-left: 1em;
}

section.cartecadeau {
    margin: 2em auto 3em;
    text-align: center;
}

section.cartecadeau h3 {
    font-size: 2.2em;
    margin: 1em 0 0.5em;
}

footer {
    padding-bottom: 5em;
    padding-top: 5em;
}

footer div.ligneinfo {
    width: 100%;
    margin: 0 auto;
    font-size: 1em;
}

p.copy {
    width: 49%;
    margin-left: 0;
    margin-right: auto;
    display: inline-block;
    letter-spacing: 0.01em;
    color: #4f5256;
    font-size: 0.9em;
    padding-top: 0;
    text-align: left;
    position: relative;
}

p.copy2 {
    width: 49%;
    margin-left: auto;
    margin-right: 0;
    display: inline-block;
    letter-spacing: 0.01em;
    color: #4f5256;
    font-size: 0.9em;
    padding-top: 0;
    text-align: right;
    position: relative;
}

section.produits {
    margin-top: 100px;
}

section.produits figure {
    width: 90%;
    margin: 0 auto;
    padding: 1em;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.75);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.75);
    -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.75);
}

section.produits img {
    border: 1px solid #ccc;
    width: calc(100% - 4px);
}

section.produits figcaption {
    width: 90%;
    margin: 1em auto;
}

section.produits figcaption h2 {
    font-size: 1.2em;
    margin: 0 !important;
    height: 40px;
}

section.produits figcaption label {
    margin: 1em 0;
}

input[type="number"] {
    width: 40px;
    display: inline-block;
}

figcaption table {
    width: 100%;
    margin: 1em auto;
}

figcaption table th {
    background-color: #95d123;
    color: #fff;
    padding: 3px;
    text-transform: uppercase;
    font-size: 0.75em;
    text-align: right;
}

figcaption table td {
    text-align: right;
    padding: 10px 0;
    font-size: 0.9em;
}

figcaption table td:nth-child(1),
figcaption table th:nth-child(1) {
    text-align: left;
}

.frmprod {
    padding-top: 55px;
}

.btncache {
    display: none;
}

a.btnrouge {
    background-color: #95d123;
    color: #fff;
    text-transform: uppercase;
    border-radius: 4px;
    padding: 7px 15px;
    letter-spacing: 1px;
    font-weight: lighter;
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    -ms-transition: 0.5s ease-in-out;
    border: 1px solid #95d123;
    cursor: pointer;
    font-size: 1em;
    margin: 0.5em 0 0;
    display: inline-block;
}

a.btnrouge:hover {
    text-decoration: none;
    background-color: #fff;
    color: #95d123;
    border: 1px solid #95d123;
}

a.btnactif {
    background-color: #fff;
    color: #95d123;
    text-transform: uppercase;
    border-radius: 4px;
    padding: 5px 15px;
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    -ms-transition: 0.5s ease-in-out;
    border: 1px solid #95d123;
    cursor: pointer;
    font-size: 0.95em;
    margin: 0.5em 0 0;
    display: inline-block;
}

a.btncaisse {
    background-color: #95d123;
    color: #fff;
    text-transform: uppercase;
    border-radius: 4px;
    padding: 5px 15px;
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    -ms-transition: 0.5s ease-in-out;
    border: 1px solid #95d123;
    cursor: pointer;
    font-size: 1.3em;
    margin: 0.5em 0 0;
    display: inline-block;
    padding: 25px;
}

a.btncaisse:hover {
    text-decoration: none;
    background-color: #fff;
    color: #95d123;
    border: 1px solid #95d123;
}

section.buffet article {
    width: 90%;
    margin: 0 auto;
    padding: 1em;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.75);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.75);
    -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.75);
}

section.buffet article h2 {
    font-size: 2em;
}

section.buffet article ul {
    min-height: 220px;
    margin-left: 2em;
}

section.buffet article li {
    text-align: left;
    list-style-type: disc;
    color: #494343;
    padding-bottom: 1em;
}

main.secondaire ul {
    margin-left: 2em;
}

main.secondaire li {
    list-style-type: disc;
    color: #494343;
    text-align: left;
}

section.buffet article a {
    background-color: #95d123;
    color: #fff;
    text-transform: uppercase;
    border-radius: 2px;
    padding: 7px 5px;
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    -ms-transition: 0.5s ease-in-out;
    display: block;
    border: 1px solid #95d123;
    cursor: pointer;
}

section.buffet article a:hover {
    text-decoration: none;
    background-color: #333;
}

.input-group input {
    box-sizing: border-box;
    margin: 0;
    outline: none;
    padding: 10px;
}

.input-group input[type="button"] {
    -webkit-appearance: button;
    cursor: pointer;
}

.input-group input::-webkit-outer-spin-button,
.input-group input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.input-group {
    clear: both;
    margin: 15px 0;
    position: relative;
}

.infoformatcaisse.input-group {
    clear: both;
    margin: 2px 0;
    position: relative;
}

.input-group input[type="button"] {
    z-index: 4004;
    background-color: #95d123;
    min-width: 30px;
    width: auto;
    transition: all 300ms ease;
    color: #fff;
}

.input-group .button-minus,
.input-group .button-plus {
    font-weight: 700;
    height: 30px;
    padding: 0;
    width: 30px;
    position: relative;
    font-size: 1.1em;
    border: 1px solid #eee;
    background-color: #494343 !important;
}

.infoformatcaisse.input-group .button-minus,
.infoformatcaisse.input-group .button-plus {
    font-weight: 700;
    height: 15px;
    padding: 0;
    width: 15px;
    position: relative;
    font-size: 0.7em;
    border: 1px solid #eee;
    background-color: #494343 !important;
}

.input-group .quantity-field,
.input-group input[type="text"],
.input-group input[type="number"] {
    position: relative;
    height: 28px;
    left: -6px;
    top: -1px;
    text-align: center;
    width: 62px;
    display: inline-block;
    font-size: 13px;
    margin: 0 0 5px;
    resize: vertical;
    border: 1px solid #ccc;
}

.infoformatcaisse.input-group .quantity-field,
.infoformatcaisse.input-group input[type="text"],
.infoformatcaisse.input-group input[type="number"] {
    position: relative;
    height: 20px;
    top: 3px;
    left: 10px;
    text-align: center;
    display: inline-block;
    font-size: 10px;
    margin: 0 0 5px;
    resize: vertical;
    border: 1px solid #ccc;
}

.button-plus {
    left: -13px;
}

.input-group input[type="number"] {
    -moz-appearance: textfield;
    -webkit-appearance: none;
}

a.likecheckbox {
    color: #000;
}

div.checkbox,
a.likecheckbox {
    border: none;
    background-color: #fff;
    padding: 2px 10px 0;
    text-align: left;
    margin: 0.5em 0;
    display: inline-block;
}

a.likecheckbox {
    width: auto;
}

div#menubox {
    display: flex;
    flex-wrap: wrap;
}

div.menusem {
    padding-bottom: 9px;
    text-align: justify;
}

div.menusem2 {
    padding-bottom: 45px;
    padding-right: 10px;
    text-align: justify;
}

div.menuplus {
    padding-bottom: 9px;
    text-align: justify;
    display: none;
}

div.menusemplus {
    padding-bottom: 9px;
    padding-top: 7px;
    text-align: justify;
}

a.menusem {
    font-weight: lighter;
    font-size: 1.2em;
}

a.menusem2 {
    font-weight: lighter;
    font-size: 1.1em;
    background-color: #95d123;
    color: #fff;
    text-transform: uppercase;
    border-radius: 4px;
    padding: 7px 20px;
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    -ms-transition: 0.5s ease-in-out;
    border: 1px solid #95d123;
    cursor: pointer;
    font-family: "Oswald";
}

fieldset:first-of-type div.checkbox:last-child {
    width: 210px;
}

input.tricheck:not(:checked),
input.tricheck:checked {
    position: absolute;
    left: -9999px;
}

input.tricheck:not(:checked) + label,
input.tricheck:checked + label,
a.likecheckbox span {
    position: relative;
    padding-left: 1.95em;
    padding-top: 0.25em;
    cursor: pointer;
}

input.tricheck:not(:checked) + label:before,
input.tricheck:checked + label:before,
a.likecheckbox span:before {
    content: "";
    position: absolute;
    left: 0.1em;
    top: 0.15em;
    width: 1em;
    height: 1em;
    border: 1px solid #ccc;
    background: #fff;
    border-radius: 4px;
}

input.tricheck:not(:checked) + label:after,
input.tricheck:checked + label:after {
    content: "✔";
    position: absolute;
    top: 0.3em;
    left: 0.3em;
    font-size: 1.1em;
    line-height: 0.8;
    color: #95d123;
    transition: all 0.2s;
}

input.tricheck:not(:checked) + label:after {
    opacity: 0;
    transform: scale(0);
}

input.tricheck:checked + label:after {
    opacity: 1;
    transform: scale(1);
}

input.tricheck:checked:focus + label:before,
input.tricheck:not(:checked):focus + label:before {
    border: 2px dotted 95d123;
}

label:hover:before,
a.likecheckbox span:hover:before {
    border: 2px solid #95d123 !important;
}

div.colonnegauche h2,
div.colonnegauche2 h2 {
    font-size: 1.5em;
    margin: 0.5em auto;
}

button.affichertri {
    margin: 2em auto;
}

ul.panier {
    font-size: 1.3em;
    margin-top: 0.5em;
    text-align: center;
}

ul.panier li {
    display: inline-block;
    color: #494343;
}

ul.panier a {
    font-size: 1.5em;
    text-align: left;
}

table.panier {
    border: 1px solid #e5e6e7;
    background-color: #fff;
    width: 100%;
}

table.panier th {
    background-color: #95d123;
}

table.panier select {
    max-width: 200px;
    font-size: 0.8em;
}

ul.panier2 {
    font-size: 1.3em;
    margin-top: 0.5em;
    text-align: center;
}

ul.panier2 li {
    display: inline-block;
    color: #494343;
}

ul.panier2 a {
    font-size: 1.5em;
    text-align: left;
}

table.panier2 {
    border: 1px solid #e5e6e7;
    background-color: #fff;
    width: 100%;
}

table.panier2 th {
    background-color: #95d123;
}

table.panier2 select {
    width: 200px;
    font-size: 0.8em;
}

div#livannonce {
    display: block;
}

div#livannoncem {
    display: none;
}

div#livamdet {
    display: none;
}

div.shiplist1,
div.shiplist2 {
    float: left;
    padding-right: 15px;
}

td.quantity input {
    width: 30px;
}

td.quantity button {
    font-size: 0.9em;
    padding: 5px;
}

td div.input-group {
    margin: 0;
}

p.panierachat {
    margin: 0.5em 0 0.5em auto;
}

strong {
    font-weight: 700;
}

p.petit {
    font-size: 0.9em;
}

div#buyerinfo {
    margin-top: -1em;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    flex-wrap: wrap;
    padding-bottom: 2em;
}

div.buyerblock1 {
    width: 45%;
    display: flex;
    flex-direction: column;
    text-align: left;
}

div.buyerblock2 {
    width: 45%;
    display: flex;
    flex-direction: column;
    text-align: left;
}

div.buyeritem {
    width: 75%;
    padding: 0.2em;
}

div#bottomform {
    width: 100px;
    min-height: 180px;
    padding: 0.2em;
    text-align: right;
}

div.paymentsection {
    float: right;
    width: 45%;
    display: inline-block;
    padding-bottom: 10px;
    text-align: right;
}

div#livpol {
    font-family: "Oswald";
    font-weight: lighter;
    font-size: 1em;
    color: #4f5256;
}

a.legal {
    color: #95d123;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

table#tabPointsLiv {
    width: 100%;
    border: 1px solid #000;
}

table#tabPointsLiv td {
    width: 10%;
    border: 1px solid #000;
    padding: 5px;
}

table#tabPointsLiv checkbox {
    width: 15%;
}

table#tabPointsLiv td.choff {
    background: grey;
}

table.tblretourcommande {
    border: 1px solid #ccc;
    width: 90%;
    border-collapse: collapse;
    line-height: 125%;
    color: #4f5256;
    font-family: "Oswald", sans-serif;
    letter-spacing: 0.1em;
}

table.tblretourcommande th {
    background-color: #95d123;
    line-height: 125%;
    color: #4f5256;
    font-family: "Oswald", sans-serif;
    letter-spacing: 0.1em;
    padding-top: 1em;
    padding-bottom: 0.7em;
}

table.tblretourcommande td {
    padding-bottom: 15px;
    line-height: 125%;
    color: #4f5256;
    font-family: "Oswald", sans-serif;
    letter-spacing: 0.1em;
}

.conteneur table td {
    line-height: 125%;
    color: #4f5256;
    font-family: "Oswald", sans-serif;
    letter-spacing: 0.1em;
}

form.choixBuffet {
    text-align: left;
    width: 60%;
    margin: 0;
}

form.choixBuffet h2 {
    font-size: 1.6em;
    margin-bottom: 1em;
}

form.choixBuffet h3 {
    font-size: 1.3em;
    margin: 1em 0;
}

form.choixBuffet textarea {
    width: 50%;
    min-height: 100px;
}

span.prixextra {
    vertical-align: baseline;
}

div.nbpersonne {
    margin: 2em 0;
}

div.nbpersonne p {
    text-align: left;
}

.verifantispam {
    display: none;
}

form.commande {
    text-align: left;
    width: 90%;
    margin: 0;
}

form.commande label {
    display: block;
    margin: 1em 0 0.2em;
}

form.commande input,
form.commande textarea {
    width: 90%;
}

form.commande button {
    margin-top: 1em;
}

main.secondaire h2 {
    font-size: 1.2em;
    margin: 1.5em 0 1em;
}

main.secondaire h2.formatcaisse {
    font-size: 1.2em;
    margin: 0.4em 0 0.2em;
}

main.secondaire h3 {
    font-size: 1.1em;
    margin: 1.5em 0 1em;
    text-align: left;
}

main.secondaire h1 {
    text-align: left;
    margin-bottom: 0.5em;
}

main.secondaire h1.comerror {
    color: red;
}

main.secondaire p {
    font-family: "Oswald";
    font-size: 1.1em;
    margin: 0.4em auto;
    text-align: left;
    line-height: 135%;
    color: #4f5256;
}

main.secondaire p.qtenote {
    font-family: "Oswald";
    font-size: 0.8em;
    margin: 0.1em auto;
    text-align: left;
    line-height: 135%;
    color: #4f5256;
}

ul.list {
    margin: 0 0 0 2em;
    color: #494343;
    line-height: 1.2em;
    list-style: disc;
}

main a:hover {
    text-decoration: none;
}

.aligncenter {
    text-align: center !important;
}

p.soustotal {
    font-size: 1.2em;
    margin-top: 2em;
}

.slideaccueil {
    margin: -2em auto 0;
    max-width: 1960px;
}

.patisserie {
    float: right;
}

div.googlemap iframe.googlem {
    width: 100%;
    height: 200px;
}

.slidesecondaire {
    position: absolute;
    top: -0.4em;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

div.apropos {
    border-top: 10px solid #95d123;
    position: relative;
    z-index: 100;
    background-color: #fff;
    padding: 2em;
}

a.telephone {
    color: #494343;
    font-size: 1.4em;
}

div.form {
    text-align: left;
    margin: 0 auto;
    display: block;
    max-width: 450px;
}

div.form label {
    display: block;
    margin: 0 0 20px;
    color: #000;
    clear: both;
    font-size: 1.05em;
    font-weight: 500;
}

div.form span.required {
    color: red;
}

div.form input:focus,
div.form select:focus,
div.form textarea:focus {
    border: 1px solid #003b5a;
}

div.form button[type="submit"]:hover {
    background-color: #343233;
    cursor: pointer;
    color: #fff;
}

p.verifantispam,
input[name="verifantispam"] {
    display: none;
}

input,
select,
textarea {
    width: 100%;
    margin-top: 0.25em;
    height: 1.5em;
}

table td input {
    margin-top: 0;
}

input[type="checkbox"],
input[type="radio"] {
    width: 18px;
    height: inherit;
}

textarea {
    height: 5em;
}

.divfrmSearch {
    padding-top: 45px;
}

.divfrmSearch input[type="text"]{
    width: 60%;
}
.divfrmSearchShipping {
    padding-top: 5px;
    padding-bottom: 15px;
}
main.secondaire .divfrmSearchShipping h3{
    margin: .5em 0 .5em;
    text-transform: none;
}
.divfrmSearchShipping input[type="text"]{
    width: 30%;
}
.divfrmSearch button, .divfrmSearchShipping button {
    margin-left: 0.2em;
    padding-bottom: 0.3em;
    padding-top: 0.5em;
}

.g-recaptcha {
    margin: 1em 0;
}

div.boulangerie {
    padding: 2em 0;
}

div.boulangerie article {
    display: inline-block;
    width: 49%;
    vertical-align: middle;
}

div.boulangerie img {
    display: inline-block;
    width: 48%;
    max-width: 660px;
    vertical-align: middle;
}

div.boulangerie.gris {
    background-color: #efeeec;
}

div.boulangerie.gris img {
    width: 90%;
}

div.boulangerie.gris article {
    padding-left: 2em;
    width: 90%;
}

div.leproduit img {
    border: 18px solid #fff;
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.75);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.75);
    max-width: 510px;
    width: 90%;
}

div.descproduit h1 {
    margin: 1em 0 0.5em;
}

p.note {
    font-size: 0.8em;
    margin: 2em 0 0 !important;
    width: 75%;
}

p.prix {
    vertical-align: bottom;
    line-height: normal;
    font-weight: 400;
    font-size: 0.9em;
}

span.poids {
    vertical-align: bottom;
    font-weight: 700;
    font-size: 1.6em;
}

span.prixcaisse {
    vertical-align: bottom;
    line-height: normal;
    font-weight: 400;
    font-size: 1.1em;
}

span.poidscaisse {
    vertical-align: bottom;
    font-weight: 400;
    font-size: 1.1em;
}

div[id^="maxqty_"] {
    color: red;
}

h4.format {
    font-size: 1.4em;
    color: #95d123;
}

h4.formatcaisse {
    font-size: 1.2em;
    color: #95d123;
}

.addpanier {
    display: block;
    margin-top: 4.5em;
}

p.ingredients {
    margin: 1em 0 2em;
    font-size: 1em;
    width: 100%;
    color: #6a7078;
}

div.interieur {
    z-index: 3000;
    margin: 0 auto;
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.75);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.75);
    border: 10px solid #fff;
}

div.interieur img {
    border: 10px solid #fff;
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.75);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.75);
}

a.retour {
    margin-bottom: 3em;
}

.alertify-logs a {
    font-weight: 400;
}

section.buffet h3 {
    color: #95d123;
    margin-top: 0.5em;
}

div.infoformat {
    text-align: left;
}

div.infocat {
    padding-top: 10px;
    padding-bottom: -10px;
    text-transform: none;
    font-family: "Oswald";
}

ul.sitemap li {
    padding-bottom: 0.5em;
}

main.secondaire .form h3 {
    margin-top: 1em !important;
}

div.contact img {
    margin-top: 1em;
}

div.emploi article h3 {
    margin-top: 0.5em;
    font-size: 1.4em;
}

main.secondaire .form.carriere h3 {
    font-size: 1.6em;
    margin-top: 3em !important;
}

div.emploi article h4 {
    text-align: left;
}

.alignleft {
    text-align: left;
}

.wrappertextintro {
    display: flex;
    text-align: center;
    margin-left: 5%;
    margin-right: 5%;
    flex-direction: row;
    justify-content: space-between;
    width: 90%;
    flex-wrap: wrap;
}

.wrappertextintro2 {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    flex-wrap: wrap;
    background: url(../images/background-bois-chicchef.jpg) center center / cover no-repeat fixed;
}

.wrappertextintro3 {
    text-align: center;
    width: 100%;
    flex-wrap: wrap;
    background: url(../images/background-bois-chicchef.jpg) center center / cover no-repeat fixed;
}

.wrappertextintro2_concour {
    display: flex;
    text-align: left;
    width: 100%;
    flex-wrap: wrap;
    background: url(../images/bg-bandeau-boite-chicchef.jpg) center center / cover no-repeat;
}

.wrappertextintro2_weekend {
    display: flex;
    text-align: left;
    width: 100%;
    flex-wrap: wrap;
}

.wrappertextintro2_form {
    display: flex;
    text-align: left;
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-between;
}

.barreverte {
    width: 65%;
    height: 3px;
}

.left_concour6 {
    flex: 0 0 50%;
    margin-left: 0;
    margin-right: 0;
}

.right_concour6 {
    flex: 0 0 50%;
}

.left_concour4 {
    flex: 0 0 90%;
    margin-left: 5%;
    margin-right: 5%;
}

.left_concour3 {
    flex: 0 0 36%;
    margin-left: 10%;
    margin-right: 4%;
}

.right_concour3 {
    flex: 0 0 36%;
    margin-left: 4%;
    margin-right: 10%;
}

.left_concour {
    flex: 0 0 50%;
    margin-left: 0;
    margin-right: 0;
}

.right_concour {
    flex: 0 0 50%;
}

.left_concour2 {
    flex: 0 0 50%;
}

.right_concour2 {
    flex: 0 0 50%;
}

.menuweekendprix {
    font-size: 1.3em !important;
}

.txt_menuweekend {
    margin-left: 0.4em;
    line-height: 150% !important;
}

.txt_menuweekend strong {
    margin-left: -0.4em !important;
    line-height: 150% !important;
}

.left_concour p {
    font-size: 1.2em;
    line-height: 120%;
}

.left {
    flex: 0 0 49%;
}

.right {
    flex: 0 0 49%;
}

.right_propos {
    flex: 0 0 48%;
}

.left2 {
    flex: 0 0 44%;
    margin: 3%;
}

.right2 {
    flex: 0 0 44%;
    margin: 3%;
}

.right2_domicile {
    flex: 0 0 44%;
    margin: 3%;
}

.left2_contact {
    flex: 0 0 40%;
    margin: 5%;
}

.Flex_Triple {
    flex: 0 0 30%;
    margin: 1%;
}

.Flex_Triple2 {
    display: flex;
    margin: 1%;
    flex-direction: column;
    max-height: 700px;
    min-height: 600px;
}

.boutonH5 {
    margin-bottom: 0 !important;
    margin-top: 60px !important;
}

.informationstraiteur {
    list-style: disc;
    margin-left: 10px;
}

.informationstraiteurli {
    font-family: "Oswald";
    font-size: 1.15em;
    margin: 1em auto;
    text-align: left;
    line-height: 175%;
    color: #4f5256;
    text-align: left;
    list-style: disc;
}

.left3 {
    flex: 0 0 45%;
    margin-left: 5%;
    text-align: right;
    vertical-align: bottom;
}

.right3 {
    flex: 0 0 40%;
    margin-left: 5%;
    margin-right: 1%;
    margin-top: 3%;
}

.left4 {
    flex: 0 0 38%;
    margin-left: 6%;
    margin-right: 6%;
}

.right4 {
    flex: 0 0 50%;
}

.left5 {
    flex: 0 0 50%;
}

.right5 {
    flex: 0 0 50%;
}

.right6 {
    flex: 0 0 40%;
    margin: 5%;
}

.logo_menu {
    width: 265px;
    height: 110px;
    margin-top: 4em;
}

.logo_footer {
    top: 90px;
    position: relative;
}

.logo_menu_footer {
    width: 265px;
    height: auto;
}

.menu_txt_footer {
    margin-top: 4em !important;
    vertical-align: bottom;
    top: 130px;
    position: relative;
}

.menu_txt_footer2 {
    margin-top: 4em !important;
    vertical-align: bottom;
    top: 130px;
    position: relative;
}

.menu_txt {
    height: 200px;
    margin-top: 4em !important;
    vertical-align: bottom;
    top: 60px;
    position: relative;
}

.SliderFont_Parisienne {
    opacity: 0;
    animation-delay: 0.5s;
    animation-fill-mode: forwards;
    animation-name: example_pagesecondaire;
    animation-duration: 0.8s;
    color: #fff;
    line-height: 125%;
    font-family: "Bebas Neue", cursive;
    text-align: center !important;
    position: relative;
}

.SliderFont_Parisienne_Corpo {
    opacity: 0;
    animation-delay: 0.5s;
    animation-fill-mode: forwards;
    animation-name: example_pagesecondaire;
    animation-duration: 0.8s;
    color: #fff;
    line-height: 125%;
    font-family: "Bebas Neue", cursive;
    text-align: center !important;
    position: relative;
}

.H1Font_Parisienne {
    line-height: 125%;
    font-family: "Bebas Neue", cursive;
    text-align: left !important;
}

.H2Font_Parisienne {
    line-height: 125%;
    font-family: "Bebas Neue", cursive;
    text-align: center !important;
    margin-bottom: 0.15em;
}

.H4Font_Parisienne {
    line-height: 125%;
    font-family: "Bebas Neue", cursive;
}

.H5Font_Parisienne {
    line-height: 125%;
    font-family: "Bebas Neue", cursive;
    text-align: left !important;
}

.H2Font_Parisienne22 {
    color: #494343 !important;
    line-height: 125%;
    font-family: "Bebas Neue", cursive;
    text-align: left !important;
    font-size: 2.5em !important;
}

.H2Font_Parisienne_2 {
    color: #8a0e1d;
    line-height: 125%;
    font-family: "Bebas Neue", cursive;
    text-align: left !important;
    margin-bottom: 0.15em;
}

.H2Font_BebasNeue {
    line-height: 125%;
    font-family: "Bebas Neue", cursive;
    font-size: calc(0.9em + 1vw);
    font-weight: 500;
    color: #4f5256;
    padding-bottom: 2em;
}

.H2Font_Bebas_2 {
    font-size: 1.4em;
    line-height: 125%;
    color: #4f5256;
    font-family: "Oswald", sans-serif;
    letter-spacing: 0.01em;
    text-align: left !important;
}

.H2Font_Bebas_3 {
    font-weight: 700;
    letter-spacing: 0.1em !important;
    font-size: 1.8em;
    line-height: 125%;
    color: #4f5256;
    font-family: "Oswald", sans-serif;
    letter-spacing: 0.01em;
    text-align: left !important;
    text-transform: uppercase;
}

.Back_MenuWeekend {
    background-color: #f3f9f2;
    padding: 2.2em;
}

.imgweekend {
    width: 100%;
    height: auto;
}

.H2Font_Bebas {
    line-height: 125%;
    color: #4f5256;
    font-family: "Oswald", sans-serif;
    letter-spacing: 0.1em;
    text-align: left !important;
}

.H3Font_Bebas {
    line-height: 125%;
    color: #4f5256;
    font-family: "Oswald", sans-serif;
    letter-spacing: 0.1em;
    text-align: left !important;
}

.H3Font_BebasBlack {
    width: 90%;
    display: inline-block;
    text-align: center;
    margin-right: 1.6em;
    line-height: 115%;
    color: #000;
    font-family: "Bebas Neue", cursive;
    font-size: 1.9em;
    letter-spacing: 0.12em;
    text-align: center !important;
}

.boutonH4 {
    transition: 0.3s;
    display: inline;
    padding: 0.2em 2em;
    border: 1.5px solid #95d123;
    margin-right: 1.6em;
    line-height: 115%;
    color: #000 !important;
    font-family: "Bebas Neue", cursive;
    font-size: 1.3em;
    letter-spacing: 0.12em;
    text-align: center !important;
}

.boutonH4 a:hover {
    color: #000 !important;
    text-decoration: none;
}

.boutonH5 {
    transition: 0.3s;
    max-width: 150px;
    background-color: #e6ebec;
    display: block;
    border: 1.5px solid #e6ebec;
    line-height: 115%;
    color: #000 !important;
    font-family: "Bebas Neue", cursive;
    font-size: 1.2em;
    letter-spacing: 0.12em;
    text-align: center !important;
    padding: 0.6em 2em 0.4em;
}

.boutonH5:hover {
    background-color: #fff;
    color: #94d023 !important;
    text-decoration: none;
}

.boutonH52 {
    transition: 0.3s;
    margin: 0 auto;
    width: auto;
    background-color: #e6ebec;
    display: inline;
    border: 1.5px solid #e6ebec;
    line-height: 115%;
    color: #000 !important;
    font-family: "Bebas Neue", cursive;
    font-size: 1em;
    letter-spacing: 0.12em;
    text-align: left !important;
    padding: 0.6em 2em 0.4em;
}

.off_set_y {
    transform: translate(0, 50px);
    margin-top: 50px;
}

.boutonH52:hover {
    background-color: #fff;
    color: #94d023 !important;
    text-decoration: none;
}

.boutonH52_2 {
    transition: 0.3s;
    margin: 0 auto;
    width: auto;
    background-color: #e6ebec;
    display: inline;
    padding: 1em;
    border: 1.5px solid #e6ebec;
    line-height: 115%;
    color: #000 !important;
    font-family: "Bebas Neue", cursive;
    font-size: 2.5vh;
    letter-spacing: 0.12em;
    text-align: left !important;
}

.boutonH52_2:hover {
    background-color: #fff;
    color: #94d023 !important;
    text-decoration: none;
}

.boutonH53 {
    transition: 0.3s;
    width: 194px;
    background-color: #fff;
    display: block;
    border: 1.5px solid #95d123;
    line-height: 115%;
    color: #000 !important;
    font-family: "Bebas Neue", cursive;
    font-size: 1.2em;
    letter-spacing: 0.12em;
    text-align: left !important;
    padding: 0.6em 1.5em 0.4em;
}

.boutonH53:hover {
    background-color: #fff;
    color: #94d023 !important;
    text-decoration: none;
}

.H3Font_Bebas2 {
    line-height: 125%;
    color: #4f5256;
    font-family: "Bebas Neue", cursive;
    font-size: 1.8em;
    letter-spacing: 0.15em;
    text-align: center !important;
}

.H3Font_Bebas3 {
    line-height: 125%;
    color: #4f5256;
    font-family: "Bebas Neue", cursive;
    font-size: 1.3em;
    letter-spacing: 0.15em;
    text-align: center !important;
}

.H5Font_Bebas {
    line-height: 125%;
    color: #4f5256;
    font-family: "Bebas Neue", cursive;
    font-size: 1.45em;
    letter-spacing: 0.1em;
    text-align: left !important;
}

.H5Font_Bebas2 {
    line-height: 125%;
    color: #4f5256;
    font-family: "Bebas Neue", cursive;
    font-size: 1.25em;
    letter-spacing: 0.03em;
    text-align: left !important;
}

.greener {
    color: #95d123;
}

.conteneur-mb {
    width: 90%;
    margin: 0 auto;
    text-align: center !important;
}

.conteneurfooter {
    width: 92%;
    margin: 0 auto;
    text-align: left;
}

button {
    background-color: #95d123;
    color: #fff;
    text-transform: uppercase;
    border-radius: 4px;
    padding: 7px 20px;
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    -ms-transition: 0.5s ease-in-out;
    border: 1px solid #95d123;
    cursor: pointer;
    font-size: 0.95em;
    font-family: "Oswald";
}

button:hover {
    text-decoration: none;
    background-color: #fff;
    color: #95d123;
    border: 1px solid #95d123;
}

.imageleft {
    display: inline;
    text-align: left !important;
    position: absolute;
    top: 15px;
    left: 20px;
    vertical-align: middle;
    width: 170px;
    height: auto;
    z-index: 9001;
}

.paddingleftright {
    margin-left: 14%;
    margin-right: 14%;
}

.lineheihgter {
    line-height: 160%;
}

.MarginLeft {
    padding-left: 10%;
}

.MarginTop {
    margin-top: -0.5em;
}

.spacertexte {
    padding-bottom: 1em;
}

.spacertexte2 {
    padding-bottom: 2em;
}

.spacertexte-mb {
    padding-bottom: 1em;
}

.spacertexte2-mb {
    padding-bottom: 2em;
}

.spacertextemobileoff {
    padding-bottom: 1em;
}

.spacertextemobileoff2 {
    padding-bottom: 2em;
}

.image100 {
    width: 100%;
    height: auto;
}

.image100_2 {
    width: 100%;
    height: auto;
}

.image25 {
    width: 25%;
    height: auto;
}

.paddingpic {
    justify-content: top;
    margin-top: 0;
    padding: 16px;
    background-color: #f3f9f2;
    box-sizing: border-box;
}

.imagefooter {
    text-align: left !important;
    margin: 0 auto;
}

.menu_image_footer {
    width: 100%;
    height: auto;
}

.slider_Home {
    padding-top: 1.1em;
    display: flex;
    text-align: left;
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
}

.FlexBox_Home1 {
    flex: 0 0 65%;
    background-color: #f3f9f2;
}

.FlexBox_Home2 {
    text-align: center;
    flex: 0 0 30%;
    background-color: #f3f9f2;
    padding-left: 1.7%;
    padding-right: 3.3%;
}

.FlexBox_Home2 p {
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 1em;
    font-weight: 900;
}

.imagesliders {
    width: 100%;
    height: auto;
}

.H1_home_Slider {
    padding-top: 35%;
    text-align: center;
    font-family: "Bebas Neue", cursive;
    font-size: 2em;
    letter-spacing: 4px;
    line-height: 119%;
}

.H2_home_boutique {
    margin-left: -15%;
    text-align: center;
    font-family: "Great Vibes", cursive;
    font-size: 2em;
    letter-spacing: 5px;
}

.slider_Traiteur {
    text-align: center;
    width: 100%;
    background: url(../images/slider/service-traiteur.jpg) top center no-repeat;
    background-size: 100% auto;
    height: auto;
    width: 100%;
}

.slider_Corpo {
    text-align: center;
    width: 100%;
    background: url(../images/slider/evenement-corporatif-traiteur.jpg) top center no-repeat;
    background-size: 100% auto;
    height: auto;
    width: 100%;
}

.slider_Domicile {
    text-align: center;
    width: 100%;
    background: url(../images/slider/evenement-domicile-chef-maison-chicchef.jpg) top center no-repeat;
    background-size: 100% auto;
    height: auto;
    width: 100%;
}

.slider_Propos {
    text-align: center;
    background: url(../images/slider/apropos-chic-chef-equipe-cuisine-maison-corporatif-restauration.jpg) top center no-repeat;
    background-size: 100% auto;
    height: auto;
    width: 100%;
}

.slider_LaZone {
    text-align: center;
    width: 100%;
    background: url(../images/slider/lazone-chicchef.jpg) top center no-repeat;
    background-size: 100% auto;
    height: auto;
    max-height: 400px;
    width: 100%;
}

.desc {
    font-family: "Oswald", sans-serif;
    line-height: 145%;
    font-size: 1em;
}

.ingredients {
    font-family: "Oswald", sans-serif;
}

.H3Font_BebasBlack {
    position: relative;
    animation-delay: 0.9s;
    animation-fill-mode: forwards;
    animation-name: example2;
    animation-duration: 1.1s;
    opacity: 0;
}

.boutonH4 {
    position: relative;
    animation-delay: 1.7s;
    animation-fill-mode: forwards;
    animation-name: example2;
    animation-duration: 1.2s;
    opacity: 0;
}

.SliderImage {
    position: relative;
    animation-delay: 0.7s;
    animation-fill-mode: forwards;
    animation-name: example;
    animation-duration: 1.3s;
    opacity: 0;
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.pcimg {
    width: 100%;
    height: auto;
}

.pc {
    display: none;
}

@keyframes example_pagesecondaire {
    0% {
        opacity: 0;
        bottom: -30px;
    }

    100% {
        opacity: 1;
        bottom: 0;
    }
}

@keyframes example {
    0% {
        opacity: 0;
        top: -35px;
    }

    100% {
        opacity: 1;
        top: 0;
    }
}

@keyframes example2 {
    0% {
        opacity: 0;
        bottom: -20px;
    }

    100% {
        opacity: 1;
        bottom: 0;
    }
}

[type="date"] {
    border: 0.5px solid #95d123;
    background: #fff url(https://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/calendar_2.png) 94% 50% no-repeat;
}

[type="date"]::-webkit-inner-spin-button {
    display: none;
}

[type="date"]::-webkit-calendar-picker-indicator {
    opacity: 0;
}

label {
    display: block;
}

input {
    font-family: "Oswald", serif;
    font-size: 1.1em;
    border: 0.5px solid #5c5b5b;
    border-radius: 5px;
    background-color: #fff;
    padding: 3px 5px;
    box-shadow: offset 1px 3px rgba(0, 0, 0, 0.2);
    width: 100%;
}

select {
    font-family: "Oswald", serif;
    font-size: 1.1em;
    border: 0.5px solid #5c5b5b;
    border-radius: 9px;
    background-color: #fff;
    padding: 3px 5px;
    box-shadow: offset 1px 3px rgba(0, 0, 0, 0.2);
    width: 70%;
    height: 2em;
}

textarea {
    font-family: "Oswald", serif;
    font-size: 1.2em;
    border: 0.5px solid #5c5b5b;
    border-radius: 5px;
    background-color: #fff;
    padding: 3px 5px;
    box-shadow: offset 1px 3px rgba(0, 0, 0, 0.2);
    width: 100%;
}

.fontresizer1 {
    font-size: 1em;
}

.selectlineheight {
    line-height: 40% !important;
}

.right_concour3 button {
    display: block;
    text-align: right;
    margin-right: 12%;
    margin-left: auto;
}

nav.menuprincipalfooter {
    height: auto;
    display: inline-block;
    width: 90%;
    vertical-align: center;
    margin: 0.3em auto;
    text-align: center;
}

nav.menuprincipalfooter ul {
    flex-direction: row;
    flex-wrap: no-wrap;
    height: auto;
    vertical-align: center;
    font-family: "Bebas Neue", cursive;
    font-size: 1em;
    display: flex;
    justify-content: space-between;
    text-align: center;
}

nav.menuprincipalfooter ul li {
    height: auto;
    vertical-align: center;
    flex: 0 1 auto;
    padding: 0;
}

nav.menuprincipalfooter ul li a:hover,
nav.menuprincipalfooter ul li a.actif {
    color: #95d123;
}

footer nav.menuprincipalfooter ul li {
    color: #5c5b5b;
    letter-spacing: 0.075em;
}

.slideshow-container {
    position: relative;
    margin: auto;
}

.doterr {
    width: 140px;
    margin: 0 auto;
    text-align: center;
    position: relative;
}

.doterr2 {
    margin-top: -3em;
    position: absolute;
}

.dot {
    cursor: pointer;
    height: 15px;
    width: 15px;
    margin: 0 2px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
}

.active {
    background-color: #717171;
}

.fade {
    -webkit-animation-name: fade;
    -webkit-animation-duration: 2.5s;
    animation-name: fade;
    animation-duration: 2.5s;
}

@-webkit-keyframes fade {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fade {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.leftbar {
    text-align: left !important;
    display: block;
    width: 100%;
    height: 2px;
}

.divcenterr {
    margin: 0 auto;
    text-align: center;
}

.divcenterrleft {
    margin: 0 auto;
    text-align: left;
}

#hpname {
    display: none;
}

.formulaireindex label {
    font-size: 1.1em;
    display: inline-block;
    vertical-align: middle;
    width: 25%;
}

.formulaireindex input {
    display: inline-block;
    font-family: "Oswald", serif;
    font-size: 1.1em;
    border: 0.5px solid #5c5b5b;
    border-radius: 11px;
    background-color: #fff;
    padding: 3px 5px;
    box-shadow: offset 1px 3px rgba(0, 0, 0, 0.2);
    width: 60%;
    font-weight: 300;
    outline: none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.formulaireindex input:focus {
    box-shadow: 0 0 7px rgba(0, 177, 106, 1);
    border: 0.5px solid #5c5b5b;
}

.paddingheader {
    padding-top: 4.5em;
}

.grecaptcha-badge {
    display: none !important;
}

.boutonleft {
    text-align: left !important;
    display: block;
}

.H2Font_Parisienne_3 {
    color: #212020;
    line-height: 125%;
    font-size: 2.9em;
    font-family: "Bebas Neue", cursive;
    text-align: left !important;
    margin-bottom: 0.15em;
}

.clearrr {
    clear: both;
    margin-top: -1em;
}

.clearrr2 {
    clear: both;
    margin-top: -4em;
}

.secondaire .conteneur h4 {
    text-align: left;
    padding-bottom: 0.5em;
}

.pourboire {
    width: 60px;
    display: inline-block;
    text-align: right;
}

.pourboire_radio {
    display: flex;
    justify-content: end;
    gap: 15px;
}
.giftcard {
    width: 100px;
    display: inline-block;
    text-align: right;
}


@media only screen and (min-width: 1em) {
    #mce-EMAIL {
        width: 80%;
        margin-bottom: 0.5em;
    }

    label[for="fpolitique"] {
        padding-top: 1em;
        padding-bottom: 2em;
    }

    label[for="flivregion"] {
        padding-top: 1em;
        padding-bottom: 2.5em;
    }

    main.secondaire .conteneur {
        text-align: left !important;
    }

    main.secondaire h3 {
        font-size: 1.8em;
    }

    p.bintro {
        display: none;
    }

    thead tr th {
        display: none;
    }

    thead tr th:first-child {
        display: block;
        padding-top: 1em;
        padding-bottom: 0.7em;
        text-align: center;
    }

    div.shiplist1,
    div.shiplist2 {
        float: none;
        padding-right: 5px;
        padding-top: 1em;
        padding-bottom: 1em;
    }

    div.buyerblock1 {
        width: 97%;
        display: flex;
        flex-direction: column;
        margin-top: 3em;
        line-height: 160%;
    }

    div.buyerblock2 {
        width: 97%;
        display: flex;
        flex-direction: column;
        line-height: 160%;
        margin-top: 0;
    }

    div.buyeritem {
        width: 100%;
    }

    .panierpadding {
        padding-top: 3em;
    }

    p.btnBlanc {
        margin-top: 1.5em;
        max-width: 350px;
        margin-right: 10px !important;
    }

    .infoformat {
        width: 50%;
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
        transform-origin: top left;
        padding-bottom: 2em;
        overflow-x: hidden !important;
    }

    .infoformatcaisse {
        width: 100%;
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
        transform-origin: top left;
        padding-bottom: 2em;
        overflow-x: hidden !important;
    }

    .addpanier {
        display: block;
        margin-top: 4.5em;
    }

    .photodesk {
        display: none !important;
    }

    .clearrr {
        clear: both;
        margin-top: -2em;
    }

    .clearrr2 {
        clear: both;
        margin-top: -4em;
    }

    .menuweekendprix {
        font-size: 1em !important;
    }

    .menuweekendprix br {
        display: block;
    }

    .H2Font_Parisienne22 {
        font-size: 2em !important;
    }

    .H2Font_Bebas_3 {
        font-size: 1.4em !important;
    }

    select {
        width: 100%;
    }

    .Back_MenuWeekend {
        padding: 1.1em;
    }

    .right_concour3 button {
        display: block;
        text-align: left;
        margin-right: 5%;
        margin-left: 0;
    }

    .selectlineheight {
        line-height: 110% !important;
    }

    .left_concour3 {
        flex: 0 0 90%;
        margin-left: 5%;
        margin-right: 5%;
        margin-bottom: 3em;
    }

    .right_concour3 {
        flex: 0 0 90%;
        margin-left: 5%;
        margin-right: 5%;
        margin-bottom: 3em;
    }

    ul.panier {
        height: 45px;
    }

    ul.panier2 {
        height: 45px;
    }

    .paddingheader {
        padding-top: 4.5em;
    }

    .imageleft {
        display: inline;
    }

    .slider_Home {
        padding-top: 5.5em;
    }

    .formulaireindex label {
        width: 100%;
    }

    .formulaireindex input {
        width: 97%;
    }

    .left_concour2 {
        flex: 0 0 100%;
    }

    .right_concour2 {
        flex: 0 0 100%;
    }

    .H2Font_Parisienne_2 {
        font-size: 1.8em;
    }

    .left_concour {
        flex: 0 0 90%;
        margin-left: 5%;
        margin-right: 5%;
    }

    .right_concour {
        flex: 0 0 100%;
    }

    .left_concour6 {
        flex: 0 0 100%;
        margin-left: 0;
        margin-right: 0;
    }

    .right_concour6 {
        flex: 0 0 90%;
        margin-left: 5%;
        margin-right: 5%;
    }

    header {
        padding-top: 0;
        position: fixed;
        width: 100%;
        z-index: 6001;
        background-color: #fff;
        box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.3);
    }

    .total,
    .socialmediaicons {
        display: none !important;
    }

    .H2Font_BebasNeue {
        padding-bottom: 2em;
    }

    .paddingchefdomicile {
        padding-bottom: 2em;
    }

    .conteneurfooter {
        padding-top: 60px;
    }

    .conteneur100vertlime {
        padding-bottom: 0 !important;
    }

    .boutonH5 {
        margin-bottom: 70px !important;
        margin-top: 10px !important;
    }

    .doterr2 {
        margin-top: -2em;
    }

    .spacertexte6 {
        margin-top: 4em;
    }

    .spacertexte7 {
        padding-top: 0;
    }

    .dot {
        margin: 0 10px;
    }

    .doterr {
        width: 230px;
    }

    .H1_home_Slider {
        padding-top: 2%;
        margin-left: 5%;
        margin-right: 5%;
        font-size: 1.7em;
        visibility: hidden;
    }

    .container_img {
        visibility: visible;
    }

    nav.menuprincipalfooter {
        width: 100%;
    }

    footer {
        padding-bottom: 1em;
        padding-top: 7em;
    }

    .socialmediaicons2 {
        display: none;
    }

    .Flex_Triple {
        flex: 0 0 98%;
        margin: 1%;
    }

    .wrappertextintro2 {
        margin-top: -5.5em;
    }

    .FlexBox_Home1 {
        flex: 0 0 100%;
    }

    .FlexBox_Home2 {
        flex: 0 0 100%;
        padding-left: 0;
        padding-right: 0;
    }

    .right_propos {
        flex: 0 0 100%;
        margin-top: 4em;
    }

    [type="date"] {
        border: 0.5px solid #95d123;
        background: #fff url(https://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/calendar_2.png) 94% 50% no-repeat;
    }

    .left2_contact {
        flex: 0 0 90%;
        margin: 5%;
    }

    .right6 {
        flex: 0 0 90%;
        margin: 5%;
    }

    .right2_domicile_buttons {
        line-height: 222%;
        text-align: left;
    }

    .SliderFont_Parisienne {
        font-size: 1.9em;
        margin-top: 7%;
        margin-bottom: 2%;
    }

    .SliderFont_Parisienne_Corpo {
        font-size: 1.9em;
        margin-top: -9%;
        margin-bottom: 20%;
    }

    .H1Font_Parisienne {
        font-size: 1.7em;
    }

    .H2Font_Parisienne {
        font-size: 1.7em;
    }

    .H4Font_Parisienne {
        font-size: 3em;
    }

    .H5Font_Parisienne {
        font-size: 2.1em;
    }

    .H2Font_Bebas {
        font-size: 1.3em;
    }

    .H3Font_Bebas {
        font-size: 1.1em;
    }

    .marginnew {
        margin: 0 !important;
        margin-bottom: 20px !important;
    }

    .boutonH52 {
        margin: 0 auto;
    }

    .boutonH52_2 {
        margin: 0 auto;
    }

    .removepic {
        display: block;
    }

    .conteneur-mb {
        width: 90%;
    }

    .spacertexte-mb {
        display: none;
    }

    .spacertexte2-mb {
        display: none;
    }

    .H4Font_Parisienne {
        text-align: center;
    }

    .recentermobil {
        text-align: center !important;
    }

    .socialmediaicons {
        text-align: left;
    }

    .socialmediaicons2 {
        text-align: left;
    }

    ul.panier {
        z-index: 5001;
        width: 100%;
        text-align: right;
        margin-top: 0;
        padding-top: 0;
        padding-bottom: 0;
        position: relative;
        right: 0;
        top: 18px;
    }

    ul.panier2 {
        z-index: 5001;
        width: 100%;
        text-align: right;
        margin-top: 0;
        padding-top: 0;
        padding-bottom: 0;
        position: relative;
        right: 0;
        top: 18px;
    }

    .paddingleftright {
        margin-left: 5%;
        margin-right: 5%;
    }

    .MarginLeft {
        padding-left: 5%;
        padding-right: 5%;
    }

    .left3 {
        flex: 0 0 100%;
        margin-left: 0;
        text-align: center;
        vertical-align: bottom;
    }

    .right3 {
        flex: 0 0 90%;
        margin-left: 5%;
        margin-right: 5%;
        margin-top: 0;
        text-align: center !important;
    }

    .right3 br {
        display: none;
    }

    .left4 {
        flex: 0 0 100%;
        margin-left: 0;
        margin-right: 0;
        text-align: center !important;
    }

    .right4 {
        flex: 0 0 100%;
        display: none;
    }

    .left5 {
        flex: 0 0 100%;
    }

    .right5 {
        flex: 0 0 100%;
        display: none;
    }

    .left {
        flex: 0 0 100%;
    }

    .right {
        flex: 0 0 100%;
    }

    .left2 {
        flex: 0 0 100%;
        margin: 0;
        margin-top: 7%;
    }

    .right2 {
        flex: 0 0 100%;
        margin: 0;
        margin-top: 15%;
    }

    .right2_domicile {
        flex: 0 0 90%;
        margin: 5%;
        text-align: left !important;
    }

    .right2_domicile span {
        font-size: 1.25em;
    }

    .right2_domicile_buttons {
        padding-bottom: 0;
    }

    .conteneur {
        width: 90%;
    }

    .conteneur_header {
        width: 90%;
    }

    .logo_menu {
        width: 100%;
        height: 100%;
        margin-top: 0;
    }

    .H3Font_BebasBlack {
        margin-right: 0;
    }

    .boutonH4 {
        margin-right: 0;
    }

    .SliderImage {
        width: 80%;
        height: 80%;
        padding-left: 1.2em;
    }

    p.copy br {
        display: block;
    }

    p.copy {
        position: relative;
        top: 0;
        right: 0;
        text-align: left !important;
    }

    p.copy2 br {
        display: block;
    }

    p.copy2 {
        width: 49%;
        position: relative;
        top: 0;
        right: 0;
        text-align: right !important;
        margin-left: 0;
    }

    .ordering1 {
        order: 1;
    }

    .ordering2 {
        order: 2;
    }

    .ordering4 {
        order: 2;
    }

    .ordering3 {
        display: none;
        order: 3;
    }

    .logo_footer {
        margin-right: 0;
        top: 0;
        position: relative;
    }

    .menu_txt_footer {
        margin-top: 0 !important;
        vertical-align: bottom;
        top: 0;
        position: relative;
        order: 2;
    }

    .menu_txt_footer2 {
        margin-top: 0 !important;
        vertical-align: bottom;
        top: 0;
        position: relative;
        order: 2;
    }

    nav.menuprincipalfooter ul {
        flex-flow: row wrap !important;
    }

    nav.menuprincipalfooter ul li {
        flex-flow: row wrap !important;
        font-size: 1.6em;
        flex: 0 0 100%;
        flex-wrap: wrap;
        margin-top: 1.5em;
    }

    .mobilepadder {
        top: 60px;
    }

    #logo_menu_footer {
        margin-top: -12em;
    }
}

@media only screen and (min-width: 31em) {
    .SliderFont_Parisienne {
        font-size: 2.3em;
        margin-top: 10%;
        margin-bottom: 10%;
    }

    .SliderFont_Parisienne_Corpo {
        font-size: 2.3em;
        margin-top: 2%;
        margin-bottom: 18%;
    }

    nav.menuprincipal {
        width: 100%;
    }

    .ligneinfo {
        width: 85%;
        margin: 0;
    }

    div.apropos {
        margin-top: 3em;
    }

    div.boulangerie.gris img {
        width: 49%;
    }

    div.boulangerie.gris article {
        padding-left: 2em;
        width: calc(49% - 2em);
    }

    nav.navproduits ul li {
        display: inline-block;
        width: calc(49.5% - 1em);
        margin: 0 0.5em 1em;
        vertical-align: text-top;
    }

    section.vedettes figure {
        display: inline-block;
        width: calc(49.5% - 1em);
        margin: 1em 0.5em;
    }

    section.produits figure {
        display: inline-block;
        width: 38%;
        margin: 0.5em;
    }

    section.produitscaisse figure {
        display: inline-block;
        width: 30%;
        margin: 0.2em;
    }

    section.buffet article {
        display: inline-block;
        width: 38%;
        margin: 0.5em;
    }

    p.photoapropos img {
        margin: 1em;
        display: inline-block;
        width: calc(49% - 2em);
    }

    p.photoapropos img:first-child {
        margin-left: 0;
    }

    .H1_home_Slider {
        padding-top: 2%;
    }
}

@media only screen and (min-width: 48em) {
    section.produits,
    section.produitscaisse {
        margin-top: 0;
    }

    #mce-EMAIL {
        width: 30%;
        padding-bottom: 0;
    }

    label[for="fpolitique"] {
        padding-top: 0.5em;
        padding-bottom: 0.5em;
    }

    label[for="flivregion"] {
        padding-top: 0.2em;
        padding-bottom: 0.75em;
    }

    thead tr th {
        display: table-cell;
    }

    thead tr th:first-child {
        display: table-cell !important;
        padding-top: auto;
        padding-bottom: auto;
        text-align: left;
    }

    div.shiplist1,
    div.shiplist2 {
        float: left;
        padding-right: 15px;
        padding-bottom: 0;
        padding-top: 0;
    }

    div.buyerblock1 {
        width: 45%;
        display: flex;
        flex-direction: column;
        margin-top: 3em;
        line-height: 100%;
    }

    div.buyerblock2 {
        width: 45%;
        display: flex;
        flex-direction: column;
        line-height: 100%;
        margin-top: 3em;
    }

    div.buyeritem {
        width: 75%;
    }

    .panierpadding {
        padding-top: 0;
    }

    .infoformat {
        width: 100%;
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
        transform-origin: top left;
        padding-bottom: 0;
        overflow-x: hidden !important;
    }

    .infoformatcaisse {
        width: 100%;
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
        transform-origin: top left;
        padding-bottom: 0;
        overflow-x: hidden !important;
    }

    .addpanier {
        display: block;
        margin-top: 1em;
    }

    .clearrr {
        clear: both;
        margin-top: -1em;
    }

    .clearrr2 {
        clear: both;
        margin-top: 0;
    }

    .menuweekendprix {
        font-size: 1.3em !important;
    }

    .menuweekendprix br {
        display: none;
    }

    .H2Font_Parisienne22 {
        font-size: 2.4em !important;
    }

    .H2Font_Bebas_3 {
        font-size: 1.8em !important;
    }

    .right2_domicile_buttons {
        padding-bottom: 3em;
    }

    .panier {
        height: auto;
    }

    .panier2 {
        height: auto;
    }

    .paddingheader {
        padding-top: 0;
    }

    header {
        position: relative;
        width: 100%;
        z-index: 6001;
        background-color: #fff;
        box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0);
    }

    .slider_Home {
        padding-top: 1.1em;
    }

    .H2Font_Parisienne_2 {
        font-size: 2.4em;
    }

    header {
        padding-top: 1.5em;
    }

    .total,
    .socialmediaicons {
        display: inline-block !important;
    }

    .H2Font_BebasNeue {
        padding-bottom: 1em;
    }

    .doterr2 {
        margin-top: -3em;
    }

    .spacertexte6 {
        margin-top: 0;
    }

    .spacertexte7 {
        padding-top: 3em;
    }

    p.copy br {
        display: none;
    }

    .H1_home_Slider {
        padding-top: 5%;
        margin-left: 0;
        margin-right: 0;
        font-size: 2em;
    }

    [type="date"] {
        border: 0.5px solid #95d123;
        background: #fff url(https://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/calendar_2.png) 98.5% 50% no-repeat;
    }

    .doterr {
        width: 140px;
    }

    .dot {
        margin: 0 2px;
    }

    .SliderFont_Parisienne {
        font-size: 2.9em;
        margin-top: 13%;
        margin-bottom: 13%;
    }

    .SliderFont_Parisienne_Corpo {
        font-size: 2.9em;
        margin-top: -4%;
        margin-bottom: 28%;
    }

    .left5 {
        flex: 0 0 50%;
    }

    .right5 {
        flex: 0 0 50%;
        display: inline;
    }

    .left2_contact {
        flex: 0 0 42%;
        margin: 0;
    }

    .right6 {
        flex: 0 0 42%;
        margin: 6.5%;
    }

    .mobile {
        display: none;
    }

    .pc {
        display: block;
        width: 100%;
    }

    .socialmediaicons {
        display: inline-block;
        text-align: right;
    }

    .socialmediaicons2 {
        display: inline-block;
        text-align: right;
    }

    .conteneur {
        width: 98%;
        margin: 0 auto;
    }

    .conteneur_header {
        width: 98%;
        margin: 0 auto;
    }

    .H3Font_BebasBlack {
        margin-right: 1.6em;
    }

    .boutonH4 {
        margin-right: 3.8em;
    }

    .SliderImage {
        margin-right: auto;
        margin-left: auto;
        width: 760px;
        height: 250px;
        padding-left: 0;
    }

    .ordering1 {
        order: 2;
    }

    .ordering2 {
        order: 1;
    }

    .ordering4 {
        order: 1;
        width: 90px !important;
        flex: 0 1 90px !important;
    }

    .ordering3 {
        display: block;
        order: 3;
    }

    .logo_footer {
        padding-right: 0;
        top: 50%;
        position: relative;
        order: 2;
    }

    .mobilepadder {
        top: 0;
    }

    #logo_menu_footer {
        margin-top: 0;
    }

    .menu_txt_footer {
        margin-top: 4em !important;
        vertical-align: bottom;
        top: 57%;
        position: relative;
        order: 1;
    }

    .menu_txt_footer2 {
        text-align: left !important;
        margin-top: 4em !important;
        vertical-align: bottom;
        top: 0;
        position: relative;
        order: 1;
    }

    nav.menuprincipalfooter ul {
        flex-flow: row nowrap !important;
    }

    nav.menuprincipalfooter ul li {
        flex-flow: row nowrap !important;
        font-size: 1em;
        flex: 0 1 auto;
        flex-wrap: no-wrap;
        margin-top: 0;
        padding: 0 0.2em;
    }

    .dl-menuwrapper {
        display: none;
    }

    nav.menugeneral,
    nav.menuprincipal,
    header p.reseausociaux {
        display: block;
    }

    p.reseausociaux a {
        padding: 0 0.1em 0 0.3em;
    }

    p.reseausociaux a i {
        font-size: 1.2em;
        color: #c03b2b;
    }

    p.reseausociaux a:hover i {
        color: #494343;
    }

    .ligneinfo {
        margin: 0;
        width: 100%;
    }

    .ligneinfo p {
        text-align: left;
        display: inline-block;
        vertical-align: middle;
        font-size: 1em;
    }

    header .ligneinfo p {
        width: 6.5%;
    }

    .ligneinfo p:first-child {
        padding-right: 1em;
    }

    .ligneinfo p:nth-child(2) {
        border-left: 2px solid #95d123;
        padding-left: 1em;
    }

    header .ligneinfo p:nth-child(2) {
        width: 98%;
    }

    ul.panier {
        display: inline-block;
        font-size: 1.3em;
        margin-top: 0;
        padding-top: 0;
        padding-bottom: 0;
    }

    ul.panier li {
        display: inline-block;
        color: #494343;
    }

    ul.panier {
        width: 50%;
        text-align: right;
    }

    ul.panier2 {
        display: inline-block;
        font-size: 1.3em;
        margin-top: 0;
        padding-top: 0;
        padding-bottom: 0;
    }

    ul.panier2 li {
        display: inline-block;
        color: #494343;
    }

    ul.panier2 {
        width: 50%;
        text-align: right;
    }

    .ligneinfo p.reseausociaux {
        display: inline-block;
        width: 7%;
        padding-top: 0.6em;
        text-align: right;
    }

    main.secondaire {
        text-align: left;
    }

    nav.menugeneral {
        margin-top: 1em;
        border-top: 2px solid #c2bfbf;
    }

    nav.menugeneral ul {
        width: 100%;
        text-align: right;
        margin: 0 0 0 auto;
    }

    nav.menugeneral ul li {
        display: inline-block;
        padding: 0.6em 0.5em 0;
    }

    nav.menugeneral ul li:last-child {
        padding-right: 0;
    }

    nav.menugeneral ul li a {
        padding: 3px 0 0;
        border-top: 3px solid transparent;
    }

    nav.menugeneral ul li a:hover,
    nav.menugeneral ul li a.actif {
        border-top: 3px solid #95d123;
    }

    a.logo {
        text-align: left;
        display: inline-block;
        margin: 0;
        width: 25.4%;
        vertical-align: middle;
    }

    nav.menuprincipal {
        height: auto;
        display: inline-block;
        width: 90%;
        vertical-align: bottom;
        margin: -1em 0 1em auto;
        text-align: center;
    }

    nav.menuprincipal ul {
        height: auto;
        vertical-align: bottom;
        font-family: "Bebas Neue", cursive;
        font-size: 0.95em;
        display: flex;
        justify-content: space-between;
        text-align: center;
    }

    nav.menuprincipal ul li {
        height: auto;
        vertical-align: bottom;
        flex: 0 0 auto;
        padding: 0;
    }

    nav.menuprincipal ul li a:hover,
    nav.menuprincipal ul li a.actif {
        color: #95d123;
    }

    .slider {
        padding: 4em 0 2.1em;
    }

    .textgauche,
    .textdroite {
        display: inline-block;
        width: 50%;
    }

    .textgauche {
        padding-bottom: 1em;
        width: 49%;
    }

    .slider h3 {
        font-size: 2.6em;
        margin-bottom: 0.5em;
    }

    h1 {
        font-size: 2.5em;
    }

    hr {
        width: 56%;
    }

    section.cartecadeau {
        margin-top: 4em;
    }

    section.cartecadeau .textdroite {
        margin-left: 2em;
        width: calc(49.5% - 2em);
    }

    section.cartecadeau h3 {
        margin-top: 0;
    }

    footer {
        padding-top: 3em;
    }

    section.produits figure {
        display: inline-block;
        width: 24%;
        margin: 0.5em;
    }

    section.produits figure.caisse {
        display: inline-block;
        width: 12%;
        margin: 0.5em;
        border: 1px solid red;
    }

    section.produits figure.caissecong {
        display: inline-block;
        width: 12%;
        margin: 0.5em;
        border: 1px solid blue;
    }

    section.produitscaisse figure {
        display: inline-block;
        width: 24%;
        margin: 0.5em;
    }

    section.produitscaisse figure.caisse {
        display: inline-block;
        width: 12%;
        margin: 0.5em;
        border: 1px solid red;
    }

    section.produitscaisse figure.caissecong {
        display: inline-block;
        width: 12%;
        margin: 0.5em;
        border: 1px solid blue;
    }

    table.panier th {
        border: 1px solid #e5e6e7;
        padding: 1em;
        font-weight: 500;
        font-size: 1.2em;
    }

    table.panier td {
        border: 1px solid #e5e6e7;
        padding: 0.5em;
    }

    table.panier tfoot td {
        text-align: right;
    }

    table.panier2 th {
        border: 1px solid #e5e6e7;
        padding: 1em;
        font-weight: 700;
    }

    table.panier2 td {
        border: 1px solid #e5e6e7;
        padding: 0.5em;
    }

    table.panier2 tfoot td {
        text-align: right;
    }

    main.secondaire h2 {
        font-size: 1.4em;
    }

    main.secondaire h3 {
        font-size: 1.2em;
    }

    div.contact,
    div.googlemap {
        display: inline-block;
        width: 49%;
        margin-bottom: 2em;
    }

    div.googlemap iframe.googlem {
        height: 450px;
    }

    div.buffetgauche,
    div.buffetdroit {
        display: inline-block;
        width: 49%;
    }

    div.apropos {
        margin-top: 6em;
    }

    div.blocformat {
        display: inline-block;
        width: 30%;
        margin-bottom: 1em;
    }

    div.blocformatcaisse {
        display: inline-block;
        width: 98%;
        margin-bottom: 0.2em;
    }

    form.commande {
        width: 60%;
    }

    form.commande input,
    form.commande textarea {
        width: 50%;
    }

    p.photoapropos img {
        display: inline-block;
        width: calc(25% - 2em);
    }

    p.photoapropos img:first-child {
        margin-left: 0;
    }

    div.form {
        padding-left: 1em;
        width: calc(49% - 1em);
    }

    div.form.carriere {
        padding-left: 0;
        width: 100%;
        max-width: 100%;
    }

    div.emploi {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    div.emploi article {
        flex: 1 0 45%;
        margin-right: 1.5em;
    }

    div.emploi article:nth-child(2),
    div.emploi article:nth-child(4) {
        margin-right: 0;
    }

    main.secondaire .form.carriere h3 {
        margin-top: 0 !important;
    }

    nav.menuprincipal {
        width: 100%;
    }

    p.copy {
        position: relative;
        top: 0;
        right: 0;
        text-align: left !important;
    }

    p.copy2 {
        width: 49%;
        position: relative;
        top: 0;
        right: 0;
        text-align: right !important;
        margin-left: 0;
    }

    .logo_menu_footer {
        margin-top: 0;
    }

    .mobilepadder {
        top: 60px;
    }

    .imageleft {
        display: none;
    }

    td.quantity {
        max-width: 200px;
    }

    .chicnews {
        display: inline-block;
        width: 20%;
        height: 2.2em;
        background: #95d123;
        cursor: pointer;
    }
}

@media only screen and (min-width: 66em) {
    select {
        width: 70%;
    }

    .right_concour3 button {
        display: block;
        text-align: right;
        margin-right: 13.5%;
        margin-left: auto;
    }

    .selectlineheight {
        line-height: 40% !important;
    }

    .left_concour4 {
        flex: 0 0 90%;
        margin-left: 5%;
        margin-right: 5%;
    }

    .left_concour3 {
        flex: 0 0 42.5%;
        margin-left: 5%;
        margin-right: 2.5%;
        margin-bottom: 0;
    }

    .right_concour3 {
        flex: 0 0 42.5%;
        margin-left: 2.5%;
        margin-right: 5%;
        margin-bottom: 0;
    }

    .formulaireindex label {
        width: 25%;
    }

    .formulaireindex input {
        width: 60%;
    }

    .left_concour2 {
        flex: 0 0 50%;
    }

    .right_concour2 {
        flex: 0 0 50%;
    }

    .left_concour {
        flex: 0 0 44%;
        margin-left: 5%;
        margin-right: 1%;
    }

    .right_concour {
        flex: 0 0 50%;
    }

    .left_concour6 {
        flex: 0 0 40%;
        margin-left: 9%;
        margin-right: 1%;
    }

    .right_concour6 {
        flex: 0 0 40%;
        margin-left: 1%;
        margin-right: 9%;
    }

    .conteneurfooter {
        padding-top: 0;
    }

    .conteneur100vertlime {
        padding-bottom: 5.5em !important;
    }

    .boutonH5 {
        margin-bottom: 0 !important;
        margin-top: 60px !important;
    }

    .logo_menu_footer {
        margin-top: 0;
    }

    nav.menuprincipalfooter {
        width: 90%;
    }

    footer {
        padding-bottom: 5em;
        padding-top: 5em;
    }

    .socialmediaicons2 {
        display: inline-block;
        text-align: right;
    }

    .FlexBox_Home1 {
        flex: 0 0 65%;
    }

    .FlexBox_Home2 {
        flex: 0 0 30%;
        padding-left: 1.7%;
        padding-right: 3.3%;
    }

    .wrappertextintro2 {
        margin-top: 0;
    }

    .Flex_Triple {
        flex: 0 0 30%;
        margin: 1%;
    }

    .right_propos {
        flex: 0 0 48%;
    }

    .SliderFont_Parisienne {
        margin-top: 17%;
        margin-bottom: 17%;
        font-size: 3.8em;
    }

    .SliderFont_Parisienne_Corpo {
        margin-top: 3%;
        margin-bottom: 35%;
        font-size: 3.8em;
    }

    .H1Font_Parisienne {
        font-size: 2.2em;
    }

    .H2Font_Parisienne {
        font-size: 2.2em;
        padding-top: 1.5em;
    }

    .H4Font_Parisienne {
        font-size: 3.7em;
    }

    .H5Font_Parisienne {
        font-size: 2.2em;
    }

    .H2Font_Bebas {
        font-size: 1.6em;
    }

    .H3Font_Bebas {
        font-size: 1.35em;
    }

    .marginnew {
        margin: 0 20px !important;
    }

    .boutonH52 {
        margin: 0;
    }

    .removepic {
        display: none;
    }

    .conteneur-mb {
        width: 100%;
    }

    .spacertexte-mb {
        display: block;
    }

    .spacertexte2-mb {
        display: block;
    }

    .H4Font_Parisienne {
        text-align: left;
    }

    .recentermobil {
        text-align: left !important;
    }

    .conteneur {
        width: 90%;
    }

    .conteneur_header {
        width: 90%;
    }

    .paddingleftright {
        margin-left: 0;
        margin-right: 0;
    }

    .MarginLeft {
        padding-left: 10%;
        padding-right: 0;
    }

    .left2 {
        flex: 0 0 44%;
        margin: 3%;
    }

    .right2 {
        flex: 0 0 44%;
        margin: 3%;
    }

    .right2_domicile {
        flex: 0 0 44%;
        margin: 3%;
    }

    .right2_domicile_buttons br {
        display: none;
    }

    .left {
        flex: 0 0 49%;
    }

    .right {
        display: inline-block;
        flex: 0 0 49%;
    }

    .left3 {
        flex: 0 0 45%;
        margin-left: 5%;
        text-align: right;
        vertical-align: bottom;
    }

    .right3 {
        flex: 0 0 40%;
        margin-left: 5%;
        margin-right: 1%;
        margin-top: 1%;
        text-align: left !important;
    }

    .right3 br {
        display: block;
    }

    .left4 {
        flex: 0 0 38%;
        margin-left: 6%;
        margin-right: 6%;
        text-align: left !important;
    }

    .right4 {
        flex: 0 0 50%;
        display: inline-block;
    }

    .logo_menu {
        width: 265px;
        height: 110px;
        margin-top: 4em;
    }

    nav.menuprincipal {
        width: 90%;
    }

    .conteneur {
        width: 90%;
        margin: 0 auto;
    }

    .conteneur_header {
        width: 90%;
        margin: 0 auto;
    }

    .textgauche {
        padding-top: 2.5em;
        width: 49.5%;
    }

    nav.menuprincipal ul li:nth-child(3) {
        padding: 0;
    }

    .slider {
        padding: 2em 0 2.1em;
    }

    .slider h3 {
        padding-top: 0.5em;
    }

    .slider .textgauche div {
        width: 80%;
        margin: 0 5% 0 auto;
    }

    nav.navproduits ul li {
        width: calc(24.5% - 1em);
    }

    nav.navproduits ul li h2 {
        height: 85px;
    }

    nav.navproduits ul li p {
        width: 80%;
    }

    footer div.menus {
        width: 69%;
    }

    section.vedettes figure {
        width: calc(24.5% - 1em);
    }

    section.vedettes figcaption {
        font-size: 1.1em;
    }

    section.vedettes figcaption span {
        padding-left: 0;
        display: block;
    }

    section.cartecadeau h3 {
        margin-top: 3em;
    }

    section.cartecadeau p {
        width: 75%;
    }

    div.colonnegauche {
        display: inline-block;
        width: 25%;
        margin-top: 2em;
    }

    div.colonnegauche2 {
        display: inline-block;
        width: 85%;
        margin-top: 2em;
    }

    div.colonnedroite {
        display: inline-block;
        width: 74%;
        margin-top: 2em;
    }

    div.colonnecaisse {
        display: inline-block;
        width: 98%;
        margin-top: 0.5em;
    }

    div.maincaisse {
        text-align: center;
    }

    div.filtre {
        display: block;
    }

    button.affichertri {
        display: none;
    }

    div.colonnegauche h3,
    div.colonnegauche2 h3 {
        font-size: 1.6em;
        margin: 0.5em auto;
    }

    div.checkbox,
    a.likecheckbox {
        display: block;
        width: 210px;
    }

    main.secondaire h2 {
        font-size: 2em;
    }

    main.secondaire h3 {
        font-size: 1.8em;
    }

    main.secondaire section.buffet h3 {
        font-size: 1.6em;
    }

    div.apropos {
        margin-top: 10em;
    }

    div.leproduit {
        display: inline-block;
        width: 49%;
    }

    div.descproduit {
        display: inline-block;
        width: 49%;
    }

    div.descproduit h1 {
        margin: 0 0 0.5em;
    }

    div.blocformat {
        display: inline-block;
        width: 32%;
        margin-bottom: 1em;
    }

    main.secondaire.ficheproduit div.conteneur {
        padding: 1em 0 5em;
    }

    div.conteneur_header {
        padding: 0 0 0.5em;
    }

    form.choixBuffet {
        width: 80%;
    }

    section.buffet article {
        display: inline-block;
        width: 19%;
        margin: 0.5em;
    }

    div.emploi article h4 {
        font-size: 1.2em;
    }

    h5.h5soustitre {
        font-size: 1.2em;
    }
}

@media only screen and (min-width: 92em) {
    .Back_MenuWeekend {
        padding: 2.2em;
    }

    .left_concour4 {
        flex: 0 0 80%;
        margin-left: 10%;
        margin-right: 10%;
    }

    .left_concour3 {
        flex: 0 0 36%;
        margin-left: 10%;
        margin-right: 4%;
        margin-bottom: 0;
    }

    .right_concour3 {
        flex: 0 0 36%;
        margin-left: 4%;
        margin-right: 10%;
        margin-bottom: 0;
    }

    .H1_home_Slider {
        padding-top: 25%;
    }

    .conteneur {
        width: 1350px;
        margin: 0 auto;
    }

    .conteneur_header {
        width: 1350px;
        margin: 0 auto;
    }

    .conteneurpetit {
        width: 900px;
        margin: 0 auto;
    }

    nav.menugeneral ul {
        font-size: 1.05em;
    }

    nav.menuprincipal ul {
        margin: 0 0 0 auto;
        font-size: 1.25em;
        width: 100%;
        text-align: center !important;
    }

    nav.menuprincipalfooter ul {
        margin: 0 0 0 auto;
        font-size: 1em;
        width: 100%;
        text-align: center !important;
    }

    .slider h3 {
        font-size: 5em;
        margin-bottom: 0;
        padding-top: 1em;
    }

    .slider .textgauche div {
        width: 70%;
        margin: 0 10% 0 auto;
    }

    hr {
        width: 44%;
    }

    h1 {
        font-size: 3.2em;
    }

    nav.navproduits {
        margin: 3em auto;
        width: 80%;
    }

    nav.navproduits ul li h2 {
        height: 75px;
    }

    section.vedettes h2 {
        font-size: 3.2em;
    }

    section.vedettes img {
        border: 20px solid #fff;
    }

    section.vedettes figcaption span {
        padding-left: 0;
    }

    section.cartecadeau p {
        width: 60%;
    }

    footer nav.menugeneral {
        margin-top: 0;
    }

    main.secondaire h2 {
        font-size: 2.3em;
    }

    main.secondaire h3 {
        font-size: 2em;
    }

    div.apropos {
        margin-top: 18em;
    }

    div.emploi article {
        flex: 1 0 50%;
        max-width: 650px;
    }
}

@media only print {
    nav {
        display: none;
    }

    h1,
    h2,
    h3,
    h4,
    a,
    p {
        color: #000;
    }

    div.colonnegauche,
    div.colonnegauche2 {
        display: none;
    }

    section.produits figure {
        page-break-inside: avoid;
    }

    section.produits figure img,
    div.leproduit img {
        max-width: 300px;
    }
}

@media only screen and (max-width: 48em) {
    table,
    thead,
    tbody,
    tfoot,
    th,
    td,
    tr {
        display: block;
    }

    tr {
        border: 1px solid #ccc;
    }

    td {
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        white-space: normal;
        text-align: right;
        padding: 3px 5% 3px 40%;
    }

    td:before {
        position: absolute;
        top: 3px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        text-align: left;
        font-weight: 700;
        content: attr(data-title);
    }

    div#livannonce {
        display: none;
    }

    div#livannoncem {
        display: block;
    }

    div#livamdet {
        display: none;
    }
}