:root {
    --primary-color: hsla(0, 0%, 70%, 1);
    --primary-color-lighten: hsla(0, 0%, 80%, 1);
    --primary-color-darken: hsla(0, 0%, 60%, 1);
    --secondary-color: hsla(0, 0%, 10%, 1);
    --secondary-color-lighten: hsla(0, 0%, 20%, 1);
    --secondary-color-darken: hsla(0, 0%, 0%, 1);
    --accent-color: hsla(42, 86%, 45%, 1);
    --accent-color-lighten: hsla(42, 86%, 55%, 1);
    --accent-color-darken: hsla(42, 86%, 35%, 1);
    --background-color: hsla(0, 0%, 19%, 1);
    --text-color: hsla(0, 0%, 100%, 1);
    --text-color-lighten: hsla(0, 0%, 85%, 1);
    --primary-background-color: hsla(0, 0%, 89%, 1);
    --secondary-background-color: hsla(0, 0%, 89%, 1);
    --accent-background-color: hsla(42, 86%, 83%, 1);
    --success-color: hsla(122, 39%, 49%, 1);
    --error-color: hsla(4, 90%, 58%, 1);
    --info-color: hsla(199, 98%, 48%, 1);
    --font-primary: Poppins, sans-serif;
    --font-secondary: Courgette, sans-serif;
    --card-border-radius: 4px;
    --button-border-radius: 4px;
}

input[type=text]:not(.browser-default):disabled {
    color: #ccc;
    border-bottom: 1px solid #C2C2C2;
}

#encart-actualites .card {
    color: var(--secondary-color);
}

#encart-prestations .row .col .prestation {
    background: transparent;
}
.slide-img.slide-solde {
    background-image: url(../assets/gifs/slider/slide-solde.jpg);
}
input,
textarea {
    color: #fff;
}

.flex-row.btns .col {
    margin-top: 10px;
    margin-bottom: 10px;
}

main p a,
.plan-site .col-plan ul li a {
    color: var(--primary-color-lighten)
}

main p a:hover {
    color: var(--primary-color-lighten)
}

.slick-dots li button:before,
.slick-dots li.slick-active button:before {
    color: var(--text-color);
}

.contact-page #fil_ariane,
.contact-page #fil_ariane a,
.contact-page h1,
.contact-page p.intro,
.contact-page p.intro span,
.contact-page #clock li table {
    color: var(--text-color);
}

form.generateur p.erreur span.erreur,
form.generateur div.divGenerateurErreur span.erreur {
    color: var(--error-color) !important;
}

#fil_ariane a,
.sc-content #relance ul li a {
    color: var(--text-color);
}

#fil_ariane a:hover {
    color: var(--text-color);
    text-decoration: none;
}

.white-text span {
    color: var(--text-color);
}

html {
    color: var(--text-color);
}

.btn-3 {

    border: 1px solid var(--accent-color) !important;
    color: var(--accent-color) !important;
    background-color: #fff;
}

.btn-3:hover {

    background-color: var(--accent-color);
    color: #fff !important;
}



.index-page .fold .btn-commande {

    margin-left: 10px;
}

@media screen and (max-width:992px){
    .index-page .fold .btn-commande {

        margin-left: 0;
        margin-top: 20px;
    }
}


/****************fancy-box-body***************/

h1,
.title-1,
h2,
.title-2,
h3,
.title-3,
h4,
.title-4,
h5,
.title-5,
h6,
.title-6,
.brand {
    font-family: var(--font-secondary);
}

.paginationControl {
    text-align: center;
}

.paginationControl a,
.paginationControl span {
    font-weight: 600;
    font-size: 18px;
    padding: 0 5px;
}

.paginationControl span.disabled {
    color: #ccc;
}

.paginationControl span.selected,
.paginationControl a:hover {
    color: var(--accent-color);
}

body.fancy-box-body {
    padding: 10px 15px 0;
    padding-top: 0 !important;
}

body.fancy-box-body form.generateur p.erreur {
    padding: 2px;
    margin: 0 0 1px;
}

body.fancy-box-body input {
    box-sizing: inherit !important;
}

#nav-meatballs .brand img.footer-only,
body.fancy-box-body .brand img.footer-only {
    display: none;
}

body.fancy-box-body .brand img {
    max-width: 50px !important;
}

body.fancy-box-body input[type=text] {
    margin: 0 2px;
    height: 46px;
}

body.fancy-box-body .btn.primary {
    padding: 10px;
}

body.fancy-box-body .brand>.logo>.flex-row>.col:last-child {
    /*display:none;*/
}

footer div.section {
    /*background-color: #dc99a8;*/
}

body.fancy-box-body .brand .flex-row.s-align-items-center {
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

body.fancy-box-body .brand a {
    display: block;
    margin: 3px auto 10px;
}

body.fancy-box-body .brand .bold {
    font-size: 12px;
}

body.fancy-box-body .brand .bold>span {
    font-size: 12px;
}

body.fancy-box-body .brand .uppercase {
    font-size: 12px;
}

body.fancy-box-body h2::before {
    height: 0;
    width: 0;
}

body.fancy-box-body .brand .flex-row .col {
    text-align: center;
    margin-bottom: 0 !important;
    padding: 0;
}

body.fancy-box-body h2 {
    font-size: 14px;
    margin: 7px 0px;
}

.rounded {
    border-radius: 50px 0px;
}

@media screen and (min-width: 993px) {
    .fold .reseaux-sociaux ul li a svg {
        fill: var(--text-color);
    }
    .flex-row .offset-l1 {
        margin-left: 8.33%;
    }
}


/* TYPOGRAPHIE */


/* =========== */

.font-secondary {
    font-family: var(--font-secondary);
    font-weight: normal;
}

div[id^="bloc"] ul,
div[id^="bloc"] ol,
.actualitesDetailContenu ul,
.actualitesDetailContenu ol {
    margin-left: 40px;
    margin-bottom: 1rem;
}

ol li {
    padding: .25em 0;
}


/* TOP-BAR */


/* ======= */

@media screen and (min-width: 993px) {
    .top-bar {
        font-size: .75em;
    }
    .main-nav {
        font-weight: 700;
    }
    .top-bar {
        background-color: transparent;
    }
    .top-bar .main-nav ul li.sous_menu ul.dropdown li a {
        color: var(--text-color);
    }
    .top-bar .main-nav ul li.sous_menu ul.dropdown li a:hover,
    .top-bar .main-nav ul li.sous_menu ul.dropdown li a.selected {
        color: var(--accent-color);
    }
    .index-page .top-bar .container #main-nav>ul>li.firstLi:hover>a {
        opacity: 0.5!important;
        transition: 0.3s;
    }
    .index-page .top-bar .main-nav ul li a {
        color: #fff;
    }
    .index-page .top-bar .main-nav ul li a.selected {
        color: #fff;
        opacity: 0.5!important;
    }
}


/* HEADER */


/* ====== */

#nav-meatballs {
    z-index: 2;
    background: var(--secondary-color);
}

.index-page .infos-bandeau {
    color: #fff;
    border-top: 1px solid #fff;
    margin-top: 3rem;
    padding-top: 1rem;
}

.index-page .fold .reseaux-sociaux li svg {
    fill: #fff;
}

.brand svg {
    margin-bottom: 10px;
}

.fold .infos-bandeau .horaires tr:not(.today) {
    display: none;
}

.index-page header .fold {
    padding: 3rem 0px;
}

.index-page header {
    background-color: var(--primary-background-color);
}

header .brand .flex-row,
#nav-meatballs .brand .flex-row {
    flex-direction: column;
    justify-content: center;
}

.index-page header .brand a {
    margin: 0 auto;
    display: block;
    color: #fff;
}

#nav-meatballs .brand a {
    margin: 0 auto;
    display: block;
}

.index-page header .brand .flex-row div,
#nav-meatballs .brand .flex-row div {
    text-align: center;
}

.bloc-contact {
    margin-top: 1rem;
}

.bloc-contact div {
    text-align: center;
}

.bloc-contact a.tel {
    margin-bottom: 0.5rem;
    display: inline-block;
    color: #fff;
}

.index-page .fold .title-5 {
    letter-spacing: 1.28px;
}

.index-page header .brand svg .a {
    stroke: #fff;
}

.fold .infos-bandeau {
    text-align: center;
}

.fold .horaires {
    margin: 0 auto;
}

.fold .reseaux-sociaux ul {
    justify-content: center;
}

.fold .reseaux-sociaux ul li a {
    padding: 5px;
    margin: 0px 5px;
}

body:not(.index-page) header .slider-slick {
    display: none;
}

body:not(.index-page) header a.tel {
    display: inline-block;
    margin: 0.5em 0px;
}

body:not(.index-page) header .brand .bold,
body:not(.index-page) header .brand .baseline {
    text-align: center;
}

body:not(.index-page) .fold .infos-bandeau .title-5 {
    color: var(--primary-color);
}

body:not(.index-page) .fold .infos-bandeau {
    padding: 1em 0px;
    margin: 2em 0px;
    border-top: 1px solid var(--primary-color);
    border-bottom: 1px solid var(--primary-color);
}

body.contact-page .infos-bandeau,
body.devis .infos-bandeau {
    display: none;
}

.index-page header {
    background-image: url(../assets/gifs/slider/slide-01.jpg);
    background-position: center;
    background-size: cover;
    border-radius: 0px 0px 50px 50px;
    background-position-x: -50px;
}

.index-page header {
    position: relative;
}

/* .index-page header::before {
    width: 100%;
    height: 100%;
    content: ' ';
    display: block;
    background-color: #141414;
    opacity: 0.6;
    top: 0;
    left: 0;
    right: 0;
    position: absolute;
    z-index: 0;
    border-radius: 0px 0px 50px 50px;
}

.index-page header::after {
    width: 100%;
    height: 100%;
    content: ' ';
    display: block;
    background-color: var(--primary-background-color);
    top: 0;
    left: 0;
    right: 0;
    position: absolute;
    z-index: -1;
} */

.index-page header .fold {
    position: relative;
    z-index: 0;
}

.fold .infos-bandeau a.lien-maps:hover {
    opacity: 0.6;
    transition: 0.3s ease-in-out;
}

.fold .infos-bandeau .horaires tr {
    font-weight: normal!important;
}

.fold .infos-bandeau .horaires tr td {
    padding: 0px;
}

.fold .infos-bandeau .horaires tr.today {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

@media screen and (max-width: 601px) {
    .top-bar .main-nav {
        padding-bottom: 50px;
    }
}

@media screen and (min-width: 601px) {
    .index-page header {
        position: relative;
    }
    .index-page .fold .infos-bandeau .horaires tr.today {
        justify-content: flex-start;
        align-items: flex-start;
    }
    body:not(.index-page) header .contact-header {
        margin-top: 1em;
    }
    .index-page header .slider-slick,
    header .slick-track {
        height: 100%;
        /* border-radius: 0px 0px 50px 50px; */
    }
    .index-page header .slider-slick,
    .index-page header .slick-track,
    .index-page header .slider-slick img,
    .index-page header .slide-img {
        min-height: 600px;
    }
    .index-page header .slider-slick img,
    header .slide-img {
        /* border-radius: 0px 0px 50px 50px; */
    }
    /* .index-page header .slider-slick::after {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
        display: block;
        content: ' ';
        background: #141414;
        opacity: 0.45;
        border-radius: 0 0 50px 50px;
    } */
    .index-page header .fold {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 100%;
        padding-top: 1rem;
    }
    .index-page header .slider-slick .slick .slide-img .pastille{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        filter:  
            drop-shadow(5px 5px 6px #00000060)
            drop-shadow(-5px -5px 6px #00000060)
            drop-shadow(5px -5px 6px #00000060)
            drop-shadow(-5px 5px 6px #00000060)
            drop-shadow(5px 0px 6px #00000060)
            drop-shadow(-5px 0px 6px #00000060)
            drop-shadow(0px 5px 6px #00000060)
            drop-shadow(0px -5px 6px #00000060)
        ;
    }
    .index-page header .slider-slick .slick .slide-img .pastille__content{
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .index-page header .slider-slick .slick .slide-img .pastille__content::before{
        /* content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        display: block;
        width: 200%;
        height: 200%;
        background-color: black;
        clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
        opacity: 0.2;
        z-index: -1; */
    }
    .index-page header .slider-slick .slick .slide-img .pastille *{
        position: relative;
        z-index: 1;
    }
    .index-page header .slider-slick .slick .slide-img .pastille strong{
        font-family: 'Red Rose', cursive;
        color: white;
        font-weight: 700;
        font-size: 3rem;
        text-align: center;
        display: inline-block;
        margin-bottom: 0.875rem;
    }
    .index-page header .slider-slick .slick .slide-img .pastille p{
        font-family: 'Red Rose', cursive;
        color: white;
        font-weight: 400;
        font-size: 1rem;
        text-align: center;
        display: inline-block;
        max-width: 200px;
        margin-bottom: 1.875rem;
    }
}

@media screen and (min-width: 993px) {
    .index-page header .slider-slick,
    .index-page header .slick-track,
    .index-page header .slider-slick img,
    .index-page header .slide-img {
        min-height: 650px;
    }
    body:not(.index-page) header .brand .flex-row {
        flex-direction: row;
    }
    body:not(.index-page) header .brand .flex-row .baseline,
    body:not(.index-page) header .brand .flex-row .bold {
        text-align: left;
    }
    body:not(.index-page) header .contact-header {
        margin-top: 0px;
    }
    .fold .infos-bandeau {
        text-align: left;
    }
    body:not(.index-page) .infos-bandeau .reseaux-sociaux ul {
        display: flex;
        justify-content: center;
    }
    .index-page .fold .horaires {
        margin: 0px;
    }
    .fold .reseaux-sociaux ul {
        justify-content: flex-start;
    }
    .fold .reseaux-sociaux ul li a {
        padding: 5px;
        margin: 0px;
    }
    .index-page .fold .container {
        position: relative;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: stretch;
        flex-direction: column;
        height: 100%;
    }
    .index-page .bloc-contact {
        position: absolute;
        right: 10px;
        top: 0;
        display: flex;
        align-items: center;
    }
    .index-page .fold .brand {
        transform: translateY(10em);
        transition: 0.3s ease-in-out;
    }
    .infos-bandeau .title-5 {
        font-size: 1rem;
        margin: 0.75rem 0 0.6rem 0;
    }
    .bloc-contact a.tel {
        margin-bottom: 0px;
        margin-right: 15px;
    }
    .fold .infos-bandeau {
        padding-bottom: 1rem;
    }
    .js-scroll {
        /* background-color: var(--background-color); */
        background-color: #f3f3f3;
    }
    .index-page .top-bar.js-scroll .main-nav ul li a {
        color: var(--text-color);
    }
    .index-page header .brand:hover {
        opacity: 0.7;
        transition: 0.3s ease-in-out;
    }

    /* New header (Desktop) */
    .header-content.sticky{
        background-color: #f3f3f3;
        filter: drop-shadow(0 2px 6px #00000080);
        color: var(--secondary-color);
    }
    .header-content.sticky .brand{
        display: inline-block;
    }
    .header-content.sticky .brand a .flex-row .col:first-child img{
        transform: scale(0.8);
        transform-origin: center;
        height: 85px;
    }
    .header-content.sticky .brand a .flex-row .col:last-child{
        display: none;
    }
    .header-content.sticky .top-bar .adresse-telephone .col span.material-icons{
        color: #ce6700;
    }
    .header-content.sticky .top-bar .adresse-telephone .col a.tel{
        color: #ce6700;
        font-family: 'Red Rose', cursive;
        font-weight: 700;
        font-size: 1rem;
        display: inline-block;
        margin-left: 5px;
    }
    .header-content.sticky .top-bar .adresse-telephone .col:last-child span:not(.material-icons){
        font-family: 'Red Rose', cursive;
        font-weight: 400;
        font-size: 1rem;
        display: inline-block;
        margin-left: 5px;
    }
    .header-content.sticky .top-bar #main-nav ul li.firstLi > a{
        font-size: 1rem;
        color: var(--secondary-color);
        font-weight: 400;
    }
    .header-content.sticky .top-bar .btn-contact a{
        font-size: 1rem;
        color: var(--secondary-color);
        font-weight: 700;
        border-radius: 0;
        background-color: #ce6700;
        transition: 0.3s ease-in-out;
    }
    .header-content.sticky .top-bar .btn-contact a:hover{
        background-color: #dc7e20;
    }
    .header-content.sticky .top-bar .menu-header{
        margin-top: 0rem;
    }
}

@media screen and (min-width: 993px) and (max-width: 1250px) {
    .header-content.sticky .top-bar #main-nav ul li.firstLi > a{
        font-size: 0.75rem;
        padding: 1rem 0.5rem;
    }
    .header-content.sticky .top-bar .btn-contact a{
        font-size: 0.75rem;
    }
}
@media screen and (max-width: 992px) {
    .desktop-only{
        display: none;
    }
}

@media screen and (min-width: 1200px) {
    .index-page header .slider-slick,
    .index-page header .slick-track,
    .index-page header .slider-slick img,
    .index-page header .slide-img {
        min-height: 740px;
    }
    .index-page .fold .brand {
        transform: translateY(12em);
    }
    .index-page .bloc-contact {
        right: 0px;
    }
}


/* BLOCS */


/* ===== */

@media screen and (min-width: 993px) {
    #bloc-01 {
        position: relative;
        padding-bottom: 4rem;
    }
    #bloc-01::before {
        position: absolute;
        content: ' ';
        width: 100%;
        height: 4rem;
        background-color: var(--background-color);
        bottom: 0;
        left: 0;
        right: 0;
    }
    #bloc-01 .image-wrapper {
        transform: translateY(2em);
    }
    #bloc-01 .flex-row>.col>p:first-child {
        padding-top: 2rem;
    }
    #bloc-01 .flex-row>.col>p:last-child {
        padding-bottom: 2rem;
    }
    #bloc-04 .images-bloc04 {
        position: relative;
        height: 112%;
    }
    #bloc-04 .images-bloc04 .image-1 {
        position: absolute;
        width: 100%;
        height: 60%;
        object-fit: cover;
        top: 0;
        left: 0;
    }
    #bloc-04 .images-bloc04 .image-2,
    #bloc-04 .images-bloc04 .image-3 {
        position: absolute;
        width: 48%;
        height: 36%;
        object-fit: cover;
        bottom: 0;
    }
    #bloc-04 .images-bloc04 .image-2 {
        left: 0;
    }
    #bloc-04 .images-bloc04 .image-3 {
        right: 0;
    }
}


/* BANDEAU MENUS */


/* ============= */

#bandeau-menus span {
    display: block;
    font-size: 1.5em;
    margin-bottom: 0.5em;
}

#bandeau-menus .title-menu {
    font-size: 3em;
}

#bandeau-menus .btn-carte {
    margin-top: 3em;
}

@media screen and (min-width: 993px) {
    #bandeau-menus .btn-carte {
        margin-top: 1em;
    }
}


/* ENCARTS PRESTATIONS */


/* =================== */

#encart-prestations .prestation a {
    outline: none!important;
}

#encart-prestations .row .col .prestation img {
    object-fit: cover;
}

#encart-prestations .card.full-image .card-image::before {
    border-radius: 50px 0px 50px 0px!important;
}

@media screen and (max-width: 993px) {
    #encart-prestations .row .col .prestation .card-title {
        font-size: 1.2em;
    }
}

@media screen and (min-width: 993px) {
    #encart-prestations .row .col .prestation,
    #encart-prestations .row .col .prestation img {
         height: 500px; 
    }
    #encart-prestations .card-title {
        padding: 35px;
    }
    #encart-prestations .row .col:nth-child(1) .prestation,
    #encart-prestations .row .col:nth-child(1) .prestation img {
        /* height: 605px; */
    }
}


/* ENCARTS AVIS */


/* ============ */

.encart-avis .titre_avis {
    font-family: var(--font-secondary);
    color: var(--primary-color);
    font-weight: normal!important;
    text-align: center;
    font-size: 2rem!important;
}

.encart-avis #encart_avis .slick-prev,
.encart-avis #encart_avis .slick-next {
    top: 110%!important
}

@media screen and (min-width: 480px) {
    .encart-avis #encart_avis .slick-prev,
    .encart-avis #encart_avis .slick-next {
        top: 50%!important
    }
}

 


/* NEWSLETTER */


/* ========== */

#bandeau-newsletter {
    padding: 5rem 0px;
}

#bandeau-newsletter .newsletter-input label {
    font-family: var(--font-secondary);
    text-align: center!important;
    color: #fff;
    font-size: 1.5rem;
    margin: 0 auto;
    display: block;
    float: none!important;
    padding-bottom: 15px;
}

#bandeau-newsletter #mess_newsletter {
    color: var(--error-color);
    text-align: center;
    display: block;
    margin-top: 10px;
}

@media screen and (min-width: 601px) {
    .newsletterInput {
        max-width: 600px;
        margin: 0 auto;
    }
}

@media screen and (min-width: 993px) {
    #bandeau-newsletter {
        padding: 7rem 0px 5rem;
    }
}


/* PAIEMENTS */


/* ========= */

#container-paiements {
    padding: 1em 0px;
}

@media screen and (min-width: 993px) {
    #container-paiements li .elements-paiements {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #container-paiements li .elements-paiements p {
        margin-bottom: 0em;
        margin-left: 1em;
    }
}


/* ENCART BDD - CATALOGUE - Linsting - detail */


/* ========================================== */

#encart-catalogue .card .card-title,
.catalogue-listing .card .card-title {
    font-weight: normal;
    font-size: 1em;
    text-align: left;
    color: var(--secondary-color);
}

#encart-catalogue .card .title-5,
.catalogue-listing .card .title-5 {
    font-weight: normal;
    font-size: 1em;
    text-align: left;
}

#encart-catalogue .card .price,
.catalogue-listing .card .price {
    position: absolute;
    margin-top: -60px;
    right: 20px;
    background-color: var(--background-color);
    padding: 10px;
    border-radius: 1em 0px;
    font-size: 1.3em;
}

#encart-catalogue .title-5 span,
.catalogue-listing .card .title-5 span {
    text-transform: lowercase;
}

#encart-catalogue .card-image img,
.catalogue-listing .card .card-image img {
    height: 300px;
    object-fit: cover;
}

.catalogue-detail .price {
    font-size: 1.5em;
}

.catalogue-detail .box-detail img {
    border-radius: 50px 0px;
}

.catalogue-detail .box-detail .title-5.primary-text {
    font-weight: normal;
}

#encart-catalogue .center-align .col:nth-child(1) {
    margin-top: 40px;
}

#encart-catalogue .center-align .col:nth-child(2) {
    margin-top: 20px;
}

@media screen and (min-width:601px) {
    #encart-catalogue .title-5.primary-text,
    .catalogue-listing .card .title-5.primary-text {
        height: 34px;
    }
    #encart-catalogue .center-align .col {
        margin-top: 40px!important;
    }
    #encart-catalogue .card .price,
    .catalogue-listing .card .price {
        margin-top: -50px;
        right: 20px;
        height: auto!important;
    }
    #encart-catalogue .card-image img,
    .catalogue-listing .card-image img {
        height: 165px;
        object-fit: cover;
    }
    #encart-catalogue .card:hover .card-image,
    .catalogue-listing .card:hover .card-image {
        opacity: 0.6;
        transition: 0.3s;
    }
    #encart-catalogue .card:hover .card-title {
        color: var(--primary-color-darken);
        transition: 0.3s;
    }
}


/* POINTS FORTS */


/* ============ */

#points-forts li p {
    margin-top: 10px;
}


/* MARQUES */


/* ======= */

.slick-marques li img {
    max-width: 100%;
    height: auto;
}


/* IMAGES DE SEPARATION */


/* ==================== */

#image-separation,
#img-paiements {
    background-size: cover;
    height: 500px;
    width: 100%;
    background-position: center;
}

#image-separation {
    background-image: url(../assets/gifs/image-separation.jpg);
}

#img-paiements {
    background-image: url(../assets/gifs/paiements.jpg);
    transform: translateY(2em);
    height: 400px;
}


/* ENCARTS CONTACT */


/* =============== */

.encart-contact svg .a {
    stroke-width: 2px;
    stroke: var(--primary-color);
}

.encart-contact svg .b {
    stroke-width: 1.4px;
    stroke: var(--primary-color);
}

.encart-contact svg {
    max-width: 22px;
    max-height: 22px;
    fill: transparent;
}

.encart-contact svg.feather {
    fill: none;
    stroke: var(--primary-color)
}

.encart-contact a.tel {
    min-height: 52px;
    display: inline-block;
}

.encart-contact .card .card-content {
    padding: 30px 24px;
}

@media screen and (min-width: 993px) and (max-width: 1100px) {
    .encart-contact .card {
        min-height: 221px;
    }
}


/* ENCART ACTUALITES */


/* ================= */

#encart-actualites .card-title {
    font-size: 1.2em;
    color: var(--primary-color)!important;
}

#encart-actualites .card>div {
    background-color: #fff;
    padding: 20px;
}

#encart-actualites ul:not(.slick-dots)>.slick-list>.slick-track>li .card {
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%), 0 3px 1px -2px rgb(0 0 0 / 20%)!important;
    border-radius: 50px 0px 50px 0px;
}

#encart-actualites .card .card-title {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media screen and (min-width: 993px) {
    #encart-actualites .card>div {
        padding: 30px 20px;
    }
}


/* ASIDE - MAP */


/* =========== */

#encart-map iframe {
    border-radius: 50px 0px 50px 0px;
}

#encart-map {
    background-image: linear-gradient(transparent 25%, var(--secondary-color) 25%);
}

#encart-map-infos {
    background-color: #fff;
    padding: 25px;
}

#encart-map-infos .sous-titre {
    letter-spacing: 1.28px;
    margin: 1.5em 0 1em 0;
}

#encart-map-infos .sous-titre:nth-child(1) {
    margin: 1em 0 1em 0;
}

#encart-map-infos li span,
#encart-map li a {
    width: 100%;
}

#encart-map-infos .reseaux-sociaux ul {
    justify-content: center;
}

#encart-map-infos .reseaux-sociaux ul li a {
    padding: 5px;
}

#encart-map-infos .reseaux-sociaux ul li {
    margin: 0 8px;
}

#encart-map-infos .coordonnees li span.material-icons {
    display: none;
}

@media screen and (min-width: 601px) {
    #encart-map iframe {
        height: 390px;
    }
    #encart-map-infos {
        height: 390px;
    }
    #encart-map-infos .reseaux-sociaux ul {
        justify-content: flex-start;
    }
    #encart-map-infos {
        text-align: left;
    }
}

@media screen and (min-width: 993px) {
    #encart-map-infos {
        padding: 48px;
    }
    #encart-map-infos .reseaux-sociaux ul li {
        margin: 0px;
    }
    #encart-map-infos .reseaux-sociaux ul li a {
        padding: 0px;
    }
}


/* FOOTER */


/* ====== */

footer .brand svg .a {
    stroke: #fff;
}

footer .brand a,
footer span.siret {
    margin: 0 auto;
    display: block!important;
    text-align: center;
}

footer .brand svg {
    max-width: 50px;
    max-height: 50px;
}

footer .brand .flex-row {
    flex-direction: column;
}

footer .brand .flex-row div.bold,
footer .brand .flex-row div.baseline {
    text-align: center;
}

footer nav {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    flex-direction: column;
}

footer .brand a:hover {
    opacity: 0.5;
    transition: 0.3s ease-in-out;
}

footer nav a:hover {
    opacity: 0.5;
    transition: 0.3s ease-in-out;
}

@media screen and (min-width:601px) {
    footer nav {
        flex-direction: row;
    }
    footer nav a {
        margin: 0px 10px;
    }
    footer .brand .flex-row {
        flex-direction: row;
    }
    footer .brand .flex-row div.bold,
    footer .brand .flex-row div.baseline {
        text-align: left;
    }
    footer span.siret {
        margin: 10px 0px;
        display: block;
    }
}

@media screen and (min-width:993px) {
    footer nav a,
    footer span.siret {
        font-size: 0.8em;
    }
    footer span.siret {
        margin: 0px;
    }
    footer .brand a {
        margin: 0px;
    }
}


/* PAGE INTERNE - ARRONDIS IMG */


/* =========================== */

.ac-colonne img,
.actualitesListingPhotos img,
.detail_actu .image_actu img {
    border-radius: 50px 0px;
    margin: 0 auto;
}

@media screen and (min-width:993px) {
    .detail_actu .image_actu img {
        margin: 0 0 15px 15px;
    }
}


/* PAGE CONTACT */


/* ============ */

.contact-page li a.tel {
    color: #fff;
}

.contact-page .map-container iframe,
.contact-page #infos-pratiques {
    border-radius: 50px 0px;
}

.contact-page .btn-1,
.contact-page .btn-2 {
    margin-bottom: 0.5em;
}


/* CATALOGUE DÉTAIL */


/* ================ */

.catalogue-detail a.lightbox,
.catalogue-detail a.lightbox img {
    display: block;
    width: 100%;
    height: auto;
}

.catalogue-detail a.lightbox {
    margin-bottom: 1.5rem;
}

.catalogue-detail .row .flex-row:not(.btns) .col:not(:first-child) {
    width: 33.333333333333333%;
}


/* PAGINATION LISTING ACTU BDD */


/* =========================== */

.paginationControl .disabled,
.paginationControl .selected {
    color: #CCCCCC;
}

.paginationControl span,
.paginationControl a {
    display: inline-block;
    width: auto;
    padding: .25rem;
    font-size: 1.125rem;
    line-height: 1;
}

.paginationControl a {
    color: var(--primary-color);
}

@media screen and (max-width:992px) {
    .paginationControl a {
        background-color: #FFFFFF;
    }
    .paginationControl span,
    .paginationControl a {
        margin: 0 .25rem;
        padding: .75rem;
        line-height: 1.5rem;
    }
    .paginationControl {
        display: flex;
        justify-content: center;
        align-items: center;
    }
}


/* PAGE 404 */


/* ==== */

.page-404 header .container {
    display: flex;
    flex-direction: column-reverse;
}

.page-404 .btn-accueil svg .a {
    stroke: var(--accent-color);
}

.page-404 img {
    max-width: 100%;
    height: auto;
    object-fit: cover;
}

.page-404 .brand a,
body.page-404 header a.tel {
    display: block;
    margin: 0 auto;
    text-align: center;
}

.page-404 .brand {
    margin-top: 15px;
}

.page-404 {
    padding-top: 0px;
    background: var(--background-color);
}

.intro-404 {
    font-size: 1.3em;
}

.page-404 .section ul {
    list-style: none;
    margin: 30px 0px 30px 30px;
}

.page-404 .section ul li {
    position: relative;
}

.page-404 .section ul li:before {
    position: absolute;
    left: -30px;
    top: 7px;
    content: ' ';
    width: 16px;
    height: 16px;
    background-image: url('../assets/gifs/icons/cancel.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.page-404 .right-404 {
    background: #fff;
    padding: 15px;
    border: 1px solid #EBEBEB;
    border-radius: 4px;
    margin: 50px 0px;
}

.page-404 .title {
    color: var(--primary-color);
    font-size: 40px;
    font-weight: 700;
    margin: 20px 0px;
}

.page-404 .btn-accueil svg .a {
    fill: transparent;
}

.page-404 .btn-accueil svg .b {
    fill: #fff;
}

.page-404 .btn-accueil svg {
    transform: translate3d(-5px, 2px, 0px);
}

.page-404 .container .flex-content {
    flex-direction: column-reverse;
}

.page-404 .col.m12 span.material-icons {
    transform: translate3d(-10px, -4px, 0px);
}

.page-404 .divider {
    opacity: 0.2;
}

.feed-fb {
    text-align: center;
}

@media screen and (min-width:602px) {
    .page-404 .container .flex-content {
        flex-direction: row-reverse;
    }
    .page-404 .right-404 {
        padding: 25px;
    }
    .page-404 .top-bar .col:nth-child(2) {
        text-align: center;
    }
    body.page-404 header a.tel {
        text-align: right;
    }
    .page-404 .brand a,
    body.page-404 header a.tel {
        display: block;
        margin: 0px;
    }
    .page-404 .brand {
        margin-top: 15px;
    }
    .page-404 .brand .flex-row {
        flex-direction: row;
    }
}

@media screen and (min-width:993px) {
    .page-404 .right-404 {
        padding: 48px;
    }
    .page-404 .top-bar {
        padding: 10px 0px;
    }
    .page-404 .top-bar .col:nth-child(2) {
        text-align: right;
    }
}


/* MENU A 3 NIVEAUX */

@media screen and (min-width: 993px) {
    .top-bar .main-nav ul li.sous_menu ul.dropdown li.sous_menu {
        position: relative;
    }
    .top-bar .main-nav ul li.sous_menu ul.dropdown li.sous_menu a {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: baseline;
        align-items: center;
    }
    .top-bar .main-nav ul li.sous_menu ul.dropdown li.sous_menu>a::after {
        margin-top: 0;
        content: '\e5cc ';
    }
    .top-bar .main-nav ul li.sous_menu ul.dropdown li.sous_menu ul.ssdropdown {
        display: none;
        width: max-content;
        max-width: 400px;
        background-color: rgba(255, 255, 255, 1);
        position: absolute;
        top: 0;
        left: 100%;
        box-shadow: 0 0 1rem 0 rgba(0, 0, 0, .08);
        z-index: 2;
    }
    .top-bar .main-nav ul li.sous_menu ul.dropdown li.sous_menu:hover ul.ssdropdown {
        display: block;
    }
    .top-bar .main-nav ul li.sous_menu ul.dropdown li.sous_menu:hover ul.ssdropdown a {
        font-weight: normal;
    }
}


/* BOUTONS COMMANDES */


/* ================= */

.btn-ubereats {
    background-color: #05A357;
    color: #FFFFFF;
}

.btn-ubereats:hover {
    background-color: #057e44;
}

.btn-deliveroo {
    background-color: #00ccbc;
    color: #FFFFFF;
}

.btn-deliveroo:hover {
    background-color: #00a597;
}

.btn-just-eat {
    background-color: #ff8000;
    color: #FFFFFF;
}

.btn-just-eat:hover {
    background-color: #ce6700;
}

.btn-togood {
    background-color: #49ada1;
    color: #FFFFFF;
}

.btn-togood:hover {
    background-color: #308c81;
}

.slide-img {
    background-position: initial !important;
} 

.page-404 .right-404 {
    color: black;
}

.bandeau {

    background-color: #ce6700;
    /* background-color: #303030; */
    text-align: center;
    font-weight: bold;
    padding: 10px;
    color: #fff;
}

@media screen and (max-width:600px){

    .bandeau {

        margin-top: 40px;
    }

    .header-content.sticky {

        background-color: var(--primary-background-color);
    }
    
}

.sold-badge {

    z-index: 1;
}