:root {
    --primary-h: 208;
    /* hue */
    --primary-s: 50%;
    /* saturation */
    --primary-l: 43%;
    /* luminosity */
    --accent-h: 200;
    /* hue */
    --accent-s: 95%;
    /* saturation */
    --accent-l: 45%;
    /* luminosity */
    --text-h: 0;
    /* hue */
    --text-s: 0%;
    /* saturation */
    --text-l: 45%;
    /* luminosity */
    --secondary-h: 214;
    /* hue */
    --secondary-s: 96%;
    /* saturation */
    --secondary-l: 28%;
    /* luminosity */
    --background-h: 0;
    /* hue */
    --background-s: 0%;
    /* saturation */
    --background-l: 98%;
    /* luminosity */
    --primary-font: "Roboto", sans-serif;
    --secondary-font: "Baloo 2";
    --thirty-font: 'Poppins', sans-serif;
    --h1-font-size: 2rem;
    --h2-font-size: 1.7rem;
    --h3-font-size: 1.5rem;
    --md-text-size: 17px;
    --sm-text-size: 14.5px;
    --headings-line-height: 1.333333;
    --link-color: var(--primary-color-40);
    --border-radius: 2rem;
    --button-border-radius: 0.25rem;
    --img-slide-01: url("../assets/gifs/slider/slide-01.jpg");
    --img-slide-02: url("../assets/gifs/slider/slide-02.jpg");
    --img-slide-03: url("../assets/gifs/slider/slide-03.jpg");
}






/* AVIS */
/* ===== */
.card.avis-card.avis-encart-card {
    max-width: 350px;
    margin: auto;
    border: 1px solid #ababab;
    border-radius: 5px;
    background: var(--background-color);
  }
  
  .encart-avis .row.s-top.s-start {
    flex-wrap: nowrap;
  }
  
  .encart-avis .title-2 {
    margin-top: 0;
  }
  
  .encart-avis .title-2 {
    padding: 0px 4px;
  }
  
  .card-content.avis-card-content.avis-encart-card-content {
    padding: 28px;
    padding-bottom: 16px;
  }
  
  button.show-more.btn.small {
    display: none;
  }
  .row.s-middle.s-start {
    flex-wrap: nowrap;
  }
  .date.avis-date.card-date.avis-card-date.avis-encart-card-date.small {
    font-size: 8px;
    color: #090909;
  }
  
  .card-text.avis-card-text.avis-encart-card-text:after {
    display: none !important;
  }
  .rappel_telephonique .brand img {
    background: #000;
  }
  .name.avis-name.card-name.avis-card-name.avis-encart-card-name.bold {
    font-size: 18px;
    font-weight: 600;
    color: #090909;
    margin-top: 10px;
  }
  
  .card-text.avis-card-text.avis-encart-card-text {
    margin-top: 14px;
    line-height: 24px;
    color: #090909;
    font-weight: 400;
    font-size: 16px;
    opacity: 1;
    max-width: 242px;
    margin-left: 69px;
    text-align: left;
  }















/* BRAND */

body {
    text-align: left;
    font-size: 16px;
    background-color: #ffffff;
    line-height: 1.75rem;
    font-family: var(--primary-font);
}

h1.h1-geoloc span,
.title-1.h1-geoloc span {
    color: var(--primary-color);
    font-size: var(--md-text-size);
    font-family: var(--secondary-font);
}

h1.h1-geoloc span::before,
.title-1.h1-geoloc span::before {
    display: none !important;
}

h1 {
    color: var(--primary-color);
    font-family: var(--secondary-font);
    font-size: var(--h1-font-size);
}

.h1-geoloc span:nth-child(2) {
    color: hsla(38, 84%, 51%, 1);
}

h2,
.title-2 {
    color: var(--primary-color);
    text-align: center;
    font-size: var(--h2-font-size);
}

h3 {
    color: var(--primary-color);
    font-family: var(--secondary-font);
    font-size: var(--h3-font-size);
}

.card.prestations-card.prestations-encart-card h3 {
    text-align: center;
}

h4 {
    color: #fff;
    font-family: var(--secondary-font);
}


/* ===header== */

header .brand img.footer-only,
footer .brand img.header-only,
.rappel_telephonique .brand img.footer-only {
    display: none;
}

.header-content .nav#main-nav>ul>li>a {
    color: var(--primary-color);
    font-size: var(--sm-text-size);
}

.top-bar {
    background-color: var(--primary-color);
}


/* =======================slider=================================== */

.slide-img.slide-01 {
    background-image: url(../assets/gifs/slider/slide-01.jpg);
}

.slide-content {
    padding-top: 50px;
}

.big_title {
    color: #fff;
    font-size: 72px;
    max-width: 650px;
    margin: 0 auto;
    text-align: center;
    line-height: 4.5rem;
}

.big_title span {
    font-size: 42px;
    text-align: center;
}

.sous_titre {
    color: #fff;
    max-width: 550px;
    margin: 20px auto;
    font-size: 18px;
    text-align: center;
}

.slick-autoplay-toggle-button {
    display: none;
}


/************************************ Address*************************************/

a.lien-maps {
    color: #fff;
    font-size: var(--md-text-size);
}

.gtm-presta {
    font-size: 22px;
    position: relative;
    top: .5rem;
}

.gtm-global-adresse {
    color: var(--primary-color);
}

.text-tel {
    color: var(--primary-color);
}

.tel-btn {
    padding: 5px;
    background-color: #fff;
    border: 1px solid #3772A6;
    border-radius: 5px;
    cursor: default;
}

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

.card_coordonee .col.s12.l8.bold.accent-text a.lien-maps.gtm-global-adresse {
    font-size: 18px;
    font-weight: 700;
}


/************************************** Prestations*******************************************/

.prestations-card {
    background-color: #fff;
    padding: 20px;
    margin-right: 1rem;
    text-align: center;
    box-shadow: 0 0 40px 5px hsla(0, 0%, 0%, 0.05);
}

.prestations-card-btn {
    border: 1px solid;
    text-transform: uppercase;
    color: var(--primary-color);
    border-radius: 6px;
}

.slick-slide a {
    text-decoration: none;
}


/******************************* BLOCK 01***********************************************/

#bloc-01 .container p::before {
    content: url('../assets/gifs/before-p.svg');
    /* Autres styles d'icône */
    display: inline-block;
    margin-right: 0.5rem;
    width: 16px;
    height: 16px;
}


/****************************** BLOCK 02************************************************/

#bloc-02 {
    position: relative;
    background: hsla(190, 86%, 97%, 1);
}

.slider_big {
    margin-top: 3rem;
}

.block-img-2 {
    position: relative;
    z-index: 10;
}


/*************************** BLOCK 03*************************************************/

.first-p.align-center {
    max-width: 900px;
    margin: 0 auto;
    padding-bottom: 2rem;
}

.p_link {
    text-decoration: none;
    font-weight: 700;
    color: var(--primary-color);
}


/************************** BLOCK 04*************************************************/

#bloc-04 .container .col.s12.l6.offset-l1 h2 {
    text-align: left;
}

#bloc-04 h2:before,
#bloc-06 h2:before {
    text-align: left;
}

:where(iframe,
img,
input,
video,
select,
textarea) {
    z-index: 10;
    height: auto;
    max-width: 100%;
    position: relative;
}

div#bloc-04 {
    background: hsla(190, 86%, 97%, 1);
    position: relative;
}

#bloc-04 .container p::before {
    content: url('../assets/gifs/before-p.svg');
    /* Autres styles d'icône */
    display: inline-block;
    margin-right: 0.5rem;
    width: 16px;
    height: 16px;
}


/************************** BLOCK 05*************************************************/

.card_coordonee {
    background-color: var(--primary-color);
    max-width: 560px;
    padding: 50px;
}

.text-coordonnee {
    color: #fff;
    font-size: 17px;
}

.btn-coordonnee {
    border: 2px solid;
    text-transform: uppercase;
    color: #fff;
    max-width: 190px;
    margin-bottom: 20px;
}

.cordonnee-col {
    padding-bottom: 20px;
}


/*************************** BLOCK 06*************************************/

#bloc-06 h2:before {
    text-align: center;
}

.bloc-rdv .container .rdv-interne h2 {
    text-align: left;
}


/************************ BLOCK 08*************************************/

#bloc-08 {
    text-align: center;
    background: hsla(190, 86%, 97%, 1);
    text-align: center;
    margin-top: 50px;
}

div#encart-actualites {
    margin-top: 4rem;
    position: relative;
    background: hsla(190, 86%, 97%, 1);
}


/**********************Avis*********************************************/

.avis-card-content {
    font-family: var(--thirty-font);
}


.show-more {
    display: none;
}


/**********************footer*********************************************/

.footer-section {
    background-color: var(--primary-color);
}

.footer-description {
    color: #fff;
    max-width: 350px;
    margin: 20px auto;
}

.siret-section {
    background-color: var(--secondary-color);
}

.col-ml {
    margin-top: 3rem;
}

.menu-mobile .brand {
    max-width: 150px;
}

.prestations-card {
    padding: 20px 10px;
    margin-right: 1rem;
    box-shadow: 0 0 3px 2px hsla(0, 0%, 0%, 0.05);
    border-radius: 10px;
    margin: 0.5rem;
}

.card-btn {
    display: inline-flex;
    align-items: center;
}

.gallery-image.gallery-card-image {
    padding-bottom: 20px;
}

.card_coordonee {
    margin-top: 20px;
}

.block-col-8 {
    padding-bottom: 30px;
}

.menu-mobile .brand img {
    padding: 10px;
    background: #fff;
    width: 126px;
}

.siret-section.white-text {
    padding: 10px;
}

.card-btn.prestations-card-btn.prestations-encart-card-btn svg {
    margin-right: 10px;
}

.card.prestations-card.prestations-encart-card {
    border-radius: 40px;
}

h1.h1-geoloc {
    font-size: 28px;
    margin-bottom: 25px;
    display: block;
    position: relative;
}

.index-page h2 {
    position: relative;
    padding-top: 25px;
    color: hsla(208, 50%, 43%, 1);
}

#bloc-02 h2:before,
#bloc-04 h2:before,
#bloc-06 h2:before {
    content: "Jean Rimauro Ostéopathe à Arras & Hantay";
    font-size: 12px;
    display: block;
    position: absolute;
    top: 0px;
    margin: auto;
    left: 0px;
    right: 0px;
    font-weight: 500;
}

div#bloc-03 h2:before {
    display: none;
}

h2 {
    font-family: var(--secondary-font);
}

.brand img {
    max-width: 201px;
}

.tap-bar .tap-bar-item a {
    text-decoration: none;
    font-size: 12px;
}

.btn-decouvrire a {
    border: 1px solid;
    text-transform: uppercase;
    color: var(--primary-color);
    border-radius: 6px;
    padding: 10px 22px;
    display: block;
    margin-top: 25px;
    text-align: center;
}

.btn-decouvrir {
    margin-bottom: 20px;
}

.btn-decouvrir a {
    border: 1px solid;
    text-transform: uppercase;
    color: #fff;
    border-radius: 6px;
    padding: 10px 22px;
    margin-top: 25px;
    text-align: center;
    text-decoration: none;
}

.btn-decouvrire a:hover {
    opacity: 0.7;
}

.encart-actualites {
    background: rgb(156, 156, 226);
}

h1.h1-geoloc span,
.title-1.h1-geoloc span {
    position: absolute;
    top: -2rem;
    font-weight: 500;
    font-size: 14px !important;
}

p.text-coordonnee {
    font-size: 17px;
    font-weight: 400;
    margin-top: 48px;
}

.tel-header {
    display: flex;
}

footer .tel-header {
    display: flex;
    justify-content: center;
}

.tel-header svg {
    margin-right: 8px;
}

.index-page .container img {
    display: block;
    margin: auto;
}

.footer-section {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.tarif {
    border: 1px solid;
    color: var(--primary-color);
}

.adress-header {
    display: flex;
    justify-content: center;
}

.adress-header+.adress-header {
    padding-bottom: 15px;
}

.adress-header svg {
    margin-right: 8px;
}

.contact-page h1.title-2 {
    color: #fff;
    text-align: left;
}

.coordonnees span.lien-maps svg {
    display: none;
}

span.lien-maps {
    color: #fff;
}

table.horaires tr td {
    margin-right: 10px;
    display: inline-block;
}

.row.s-start.s-middle {
    flex-wrap: nowrap;
}

.row.m-top .col+.col {
    margin-top: 10px;
}

.card-title.actualites-card-title.actualites-encart-card-title.line-clamp-1 {
    height: auto;
}

.tarif {
    text-align: center;
    padding: 40px 10px;
    border-radius: 4px;
}

.tarif h3 {
    font-size: 24px;
    font-weight: 600;
}

p.tarif-chiffre {
    color: #EB9E19;
    font-size: 70px;
    font-weight: 700;
}

span.gris-bloc {
    color: #7F8289;
    font-size: 16px;
    font-weight: 300;
}

#bloc-04 h3 {
    text-align: left;
}

h2 {
    text-align: left;
}

div#bloc-03 h2,
div#bloc-06 h2 {
    text-align: center;
}

div#btn-politique {
    margin-top: 25px;
}

@media screen and (min-width:601px) {
    .bloc-rdv {
        padding: 50px 0px;
        background-image: url(../assets/gifs/bg-ligne.jpg);
        background-size: cover;
    }
    a#gtm-global-rdv {
        display: inline-flex;
        ;
    }
    .btn-decouvrire a {
        display: inline-block;
    }
    #bloc-02 .container .col.s12.l6.offset-l1::before,
    #bloc-02 .container .col.s12.l5::before {
        display: none;
    }
    #bloc-04 .container .col.s12.l6.offset-l1::before,
    #bloc-04 .container .col.s12.l5::before {
        display: none;
    }
    .rdv-interne {
        max-width: 272px;
        position: relative;
        left: 52%;
    }
}

.card-content.actualites-card-content.actualites-encart-card-content {
    margin-top: 2rem;
}

.card-title.actualites-card-title.actualites-encart-card-title.line-clamp-1 {
    font-weight: 600;
    margin-bottom: 10px;
}

div#bloc-03 .container .first-p.align-center p,
div#bloc-05 .container p,
.blog-info,
.encart-avis.section.gtm-encart-avis p {
    position: relative;
    top: -1rem;
}

.card-text.actualites-card-text.actualites-encart-card-text.line-clamp-3 {
    padding-bottom: 5rem;
}

.col.date.card-date.actualites-date.actualites-card-date.actualites-encart-card-date.line-clamp-1 {
    color: hsla(38, 84%, 51%, 1);
    margin-bottom: 10px;
}

@media screen and (max-width:992px) {
    .contact-index {
        margin-top: 1rem;
        margin-bottom: 1rem;
    }
    .contact-slider {
        display: none!important;
    }
}

@media screen and (max-width:600px) {
    .contact-index .tel {
        text-align: center;
        display: block;
        margin-bottom: 1rem;
    }
}

@media screen and (min-width:993px) {
    header .tel {
        color: #fff;
        font-weight: 400;
    }
    .contact-index {
        display: none!important;
    }
    footer h4 {
        text-align: left;
    }
    footer nav {
        text-align: left !important;
    }
    footer .adress-header {
        display: flex;
        justify-content: left;
        text-align: left;
    }
    footer .tel-header {
        display: flex;
        justify-content: left;
    }
    .footer-description {
        text-align: left;
    }
    .footer-section {
        padding-top: 5rem;
    }
    .fold {
        display: none;
    }
    .index-page .fold {
        display: flex;
    }
    /************************** BLOCK 07*************************************/
    .rdv-interne {
        max-width: 400px;
        position: relative;
        left: 57%;
    }
    .index-page .container img {
        display: block;
        margin: 0px;
    }
    #bloc-06 p {
        column-count: 2;
    }
    #bloc-02 h2:before,
    #bloc-04 h2:before,
    #bloc-06 h2:before {
        content: "Jean Rimauro Ostéopathe à Arras & Hantay";
        font-size: 17px;
    }
    h1.h1-geoloc {
        font-size: 42px;
        margin-bottom: 0;
        display: block;
        position: relative;
    }
    h1.h1-geoloc span,
    .title-1.h1-geoloc span {
        font-size: 17px !important;
        position: absolute;
        top: -2rem;
        margin-bottom: -4rem;
    }
    #bloc-02 .container .col.s12.l6.offset-l1::before {
        content: url(../assets/gifs/bloc1_before1.svg);
        display: inline-block;
        position: absolute;
        top: 35%;
        left: -1%;
        width: 20%;
        height: auto;
    }
    #bloc-02 .container .col.s12.l5::before {
        content: url(../assets/gifs/bloc1_before2.svg);
        display: inline-block;
        position: absolute;
        top: 19%;
        right: -1%;
        width: 20%;
        height: auto;
    }
    #bloc-04 .container .col.s12.l6.offset-l1::before {
        content: url(../assets/gifs/bloc4_before1.svg);
        display: inline-block;
        position: absolute;
        top: 0;
        right: 50%;
        width: 20%;
        height: auto;
    }
    #bloc-04 .container .col.s12.l5::before {
        content: url(../assets/gifs/bloc4_before2.svg);
        display: inline-block;
        position: absolute;
        top: 74%;
        left: 2%;
        width: 20%;
        height: auto;
    }
    div#bloc-04 {
        height: 370px;
        margin-bottom: 17rem;
    }
    .gallery {
        position: absolute;
        display: flex;
        justify-content: space-between;
        padding: 0 20%;
        z-index: 2;
    }
    .block-img-05 {
        position: relative;
        z-index: 1;
    }
    .gallery-image {
        margin-right: 1rem;
    }
    .block-img-05.col.s12.l8 {
        margin-top: 5rem;
    }
    .footer-section {
        padding: 30px 0px;
        background-color: var(--primary-color);
    }
    #bloc-02 .container .col.s12.l5::before {
        content: url(../assets/gifs/bloc1_before2.svg);
        display: inline-block;
        position: absolute;
        top: 15%;
        right: -2%;
        width: 20%;
        height: auto;
    }
    .siret-section.white-text {
        position: relative;
        top: -1rem;
        max-width: 70%;
        padding: 10px;
        margin: 0 auto;
    }
    .card_coordonee {
        position: relative;
        top: -25rem;
        margin-bottom: -25rem;
        margin-top: 20px;
        z-index: 10;
    }
    .last-p.align-center {
        padding: 4rem 0rem;
    }
}

@media screen and (min-width:1200px) {
    .tarif {
        max-width: 383px;
    }
    h1.h1-geoloc {
        margin-bottom: 30px;
    }
    h1.h1-geoloc span,
    .title-1.h1-geoloc span {
        font-size: 17px;
        position: absolute;
        top: -2.5rem;
        margin-bottom: -4rem;
    }
    .text-bloc-1 {
        margin-top: 7rem;
    }
    .row.slick-prestations.slick-initialized.slick-slider {
        position: relative;
        top: -6rem;
        margin-bottom: -5rem;
    }
    .card-title.actualites-card-title.actualites-encart-card-title.line-clamp-1 {
        font-size: 26px;
    }
}