/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.3.6,
* Autoprefixer: v10.3.1
* Browsers: last 4 version
*/

@font-face {
  font-family: "Montserrat Alternates";
  src: url("../../fonts/MontserratAlternates-SemiBoldItalic.woff2")
      format("woff2"),
    url("../../fonts/MontserratAlternates-SemiBoldItalic.woff") format("woff");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Montserrat Alternates";
  src: url("../../fonts/MontserratAlternates-Bold.woff2") format("woff2"),
    url("../../fonts/MontserratAlternates-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Montserrat Alternates ExLight";
  src: url("../../fonts/MontserratAlternates-ExtraLight.woff2") format("woff2"),
    url("../../fonts/MontserratAlternates-ExtraLight.woff") format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Montserrat Alternates";
  src: url("../../fonts/MontserratAlternates-ExtraBold.woff2") format("woff2"),
    url("../../fonts/MontserratAlternates-ExtraBold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Montserrat Alternates";
  src: url("../../fonts/MontserratAlternates-Black.woff2") format("woff2"),
    url("../../fonts/MontserratAlternates-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Montserrat Alternates";
  src: url("../../fonts/MontserratAlternates-ThinItalic.woff2") format("woff2"),
    url("../../fonts/MontserratAlternates-ThinItalic.woff") format("woff");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Montserrat Alternates";
  src: url("../../fonts/MontserratAlternates-Regular.woff2") format("woff2"),
    url("../../fonts/MontserratAlternates-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Montserrat Alternates";
  src: url("../../fonts/MontserratAlternates-SemiBold.woff2") format("woff2"),
    url("../../fonts/MontserratAlternates-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Montserrat Alternates";
  src: url("../../fonts/MontserratAlternates-BlackItalic.woff2") format("woff2"),
    url("../../fonts/MontserratAlternates-BlackItalic.woff") format("woff");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Montserrat Alternates";
  src: url("../../fonts/MontserratAlternates-Light.woff2") format("woff2"),
    url("../../fonts/MontserratAlternates-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Montserrat Alternates";
  src: url("../../fonts/MontserratAlternates-Thin.woff2") format("woff2"),
    url("../../fonts/MontserratAlternates-Thin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Montserrat Alternates";
  src: url("../../fonts/MontserratAlternates-ExtraBoldItalic.woff2")
      format("woff2"),
    url("../../fonts/MontserratAlternates-ExtraBoldItalic.woff") format("woff");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Montserrat Alternates";
  src: url("../../fonts/MontserratAlternates-BoldItalic.woff2") format("woff2"),
    url("../../fonts/MontserratAlternates-BoldItalic.woff") format("woff");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Montserrat Alternates ExLight";
  src: url("../../fonts/MontserratAlternates-ExtraLightItalic.woff2")
      format("woff2"),
    url("../../fonts/MontserratAlternates-ExtraLightItalic.woff") format("woff");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Montserrat Alternates";
  src: url("../../fonts/MontserratAlternates-Italic.woff2") format("woff2"),
    url("../../fonts/MontserratAlternates-Italic.woff") format("woff");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Montserrat Alternates";
  src: url("../../fonts/MontserratAlternates-Medium.woff2") format("woff2"),
    url("../../fonts/MontserratAlternates-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Montserrat Alternates";
  src: url("../../fonts/MontserratAlternates-LightItalic.woff2") format("woff2"),
    url("../../fonts/MontserratAlternates-LightItalic.woff") format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Montserrat Alternates";
  src: url("../../fonts/MontserratAlternates-MediumItalic.woff2")
      format("woff2"),
    url("../../fonts/MontserratAlternates-MediumItalic.woff") format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
html {
  scroll-behavior: smooth;
}

body {
  margin: 0 auto;
  height: 200vh;
  font-family: "Montserrat Alternates", sans-serif;
}

header .burgerMobile {
  display: none;
}

.navMobile {
  position: fixed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100vh;
  right: -100vw;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.menuActive {
  right: 0vw;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

/* .menuClose {
} */

.navTopUlMobil {
  display: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: left;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  list-style: none;
}

body header .navMobile img {
  position: absolute;
  width: 25px;
  top: 14px;
  right: 14px;
  cursor: pointer;
}

.navTopUlMobil li {
  margin: 10% 0;
}

.navTopUlMobil li a {
  color: white;
  font-size: 2rem;
  font-weight: bold;
  margin: 2% 0%;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.navTopUlMobil li a:hover {
  color: rgb(210, 210, 210);
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

header .burgerMobile img {
  right: 14px;
  left: unset;
  width: 52px;
  cursor: pointer;
}

.fullPictureSeparator picture img {
  width: 100%;
}

.textGras {
  color: #9bb5aa;
}

.interTitre {
  color: #414141;
  font-size: 2.6rem;
  margin: 0;
}

.separator {
  height: 6px;
  width: 60px;
  margin: 1.5% auto;
  background-color: #9bb5aa;
}
.textePrincipalSection {
  color: #414141;
  font-weight: 400;
  line-height: 27px;
  letter-spacing: 1px;
  margin-bottom: 5%;
  font-size: 1.2rem;
}
a {
  text-decoration: none;
}

header {
  width: 100%;
  position: fixed;
  z-index: 66;
  top: 0;
}

header img {
  width: 100px;
  position: absolute;
  top: 14px;
  left: 24px;
  /* box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.75);
  -webkit-box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.75); */
}

header nav {
  position: fixed;
  background-color: #4d4c4c;
  width: 100%;
}
.navTopUl {
  list-style: none;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.navTopUl li {
  text-decoration: none;
  color: white;
  padding: 2% 3%;
}

.navTopUl li:hover {
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  background-color: white;
}

.navTopUl li a {
  text-decoration: none;
  color: white;
}

.navTopUl li:hover a {
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  color: #414141;
}

.introTop {
  width: 100%;
  height: 75vh;
  background-image: url("../img/background.jpg");
  background-size: cover;
  background-repeat: no-repeat;
}

.introTop {
  z-index: 2;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.CTA-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  margin-top: 2%;
}
.CTA-top h1 {
  font-size: 2.4rem;
  color: white;
}
.CTA-top a {
  text-decoration: none;
}

.button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #9bb5aa;
  -webkit-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;

  padding: 5% 6% 5% 0;
  width: 164px;
  border-radius: 30px;
}

.button img {
  width: 25px;
  margin-right: 10px;
}

.button p {
  color: white;
  font-size: 1rem;
  font-weight: bold;
  margin: 0;
  text-decoration: none;
}

.photoManon {
  position: absolute;
  bottom: -30%;
  left: 2%;
}
.photoManon img {
  width: 350px;
}

.horaireTop {
  position: absolute;
  bottom: 0;
  right: 0;
}

.horaireTop {
  color: white;
  margin-right: 2%;
  font-size: 1rem;
  font-weight: medium;
  text-align: right;
}

.votreOsteopathe {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 13% 12%;
  text-align: center;
}

.soinsPourTous {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 10% 12%;
  text-align: center;
}

.soinsPourTous picture img {
  width: 100%;
  margin-top: 3%;
}

.motifsConsultation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0% 12% 10%;
  text-align: center;
}

.lesMotifs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 4%;
}

.paire2motifs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.motif {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 48%;
  text-align: left;
}

.motif img {
  width: 96px;
  margin-right: 8px;
}

.motif p {
  font-size: 1rem;
  color: #414141;
  font-weight: 200;
}

.deroule {
  padding: 0 5%;
}

.etapeDeroule {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.etapeImpaire {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.derouleArticle {
  width: 38%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 5% 6% 3%;
  background-color: #dae4e0;
  text-align: left;
}

.derouleArticle h2 {
  color: #414141;
  font-size: 2.5rem;
  margin: 0;
}

.separator2 {
  height: 5px;
  width: 50px;
  margin: 3% 0;
  background-color: #8ba89c;
}

.titreDeroule {
  font-size: 2.1rem;
  margin: 0;
  color: #9bb5aa;
}

.timingSeance {
  color: #9bb5aa;
  font-size: 1rem;
  font-weight: bold;
  margin: 1% 0 4% 0;
}

.texteDeroule {
  color: #414141;
  font-size: 0.9rem;
  font-weight: 100;
  letter-spacing: 0.5px;
  line-height: 21px;
}

.derouleImg1 {
  background-image: url("../img/osteopathie-macon.jpg");
}

.derouleImg2 {
  background-image: url("../img/osteopathe-chanes.jpg");
}

.derouleImg3 {
  background-image: url("../img/osteo-chanes-vauchez.jpg");
}

.derouleImg4 {
  background-image: url("../img/osteo-creches-sur-saone.jpg");
}

.derouleImg {
  width: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.prisesEnCharge {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 10% 6% 5%;
  text-align: center;
}

.introPriseEnCharge {
  text-align: center;
  margin: 0 5% 2%;
}

.containerArticlePriseCharge {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.colLeft,
.colRight {
  width: 48%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.containerArticlePriseCharge article {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #f3f6f5;
  margin-bottom: 10%;
}

.containerArticlePriseCharge picture img {
  width: 100%;
}

.containerTexteArticle {
  padding: 6%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  text-align: left;
}

.containerTexteArticle .button {
  width: 219px;
}

.titreArticlePriseCharge span {
  color: #9bb5aa;
}

.titreArticlePriseCharge {
  color: #414141;
  color: #414141;
  font-size: 2rem;
  margin: 0;
}

.texteArticlePriseCharge {
  color: #818181;
  font-size: 0.9rem;
  font-weight: 100;
  margin: 5% 0 0;
  line-height: 21px;
  letter-spacing: 0.8px;
}

.containerTexteArticle a {
  margin-top: 6%;
}

.cabinet {
  background-color: #414141;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 7% 10% 17%;
}

.textCabinet {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: white;
}

.textCabinet .infoOne img,
.textCabinet .infoTwo img {
  width: 48px;
  margin-right: 10px;
}

.textCabinet h3 {
  font-size: 2rem;
  font-weight: 100;
  margin: 0;
}

.infoOne {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;

  margin: 3% 0 7%;
}

.infoOne a {
  color: white;
}

.imgCabinet {
  width: 36%;
}

.infoTitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

.infoTitleText {
  font-size: 1.5rem;
  margin: 0;
  font-weight: 400;
}

.imgCabinet picture img {
  width: 100%;
}

.infoOne p,
.infoTwo p {
  margin: 0;
  font-weight: 100;
  letter-spacing: 0.9px;
  font-size: 0.9rem;
}

.textCabinet .button {
  padding: 2% 3% 2% 1%;
  margin-top: 8%;
}

.tarif {
  background-image: url("../img/osteopathie-71.jpeg");
  background-repeat: no-repeat;
  background-size: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  min-height: 75vh;
}

.containerTarif {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background-color: #9bb5aa;
  width: 50%;
  padding: 5% 5% 3% 16%;
  margin-top: -7%;
}

.tarifColLeft,
.tarifColRight {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: left;
  -ms-flex-pack: left;
  justify-content: left;
  text-align: left;
  width: 50%;
}

.logoPaiement {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 3% 0 2%;
}

.logoPaiement img {
  width: 60px;
  margin-right: 15px;
}

.separator3 {
  width: 30px;
  height: 5px;
  background-color: #6e958d;
  margin: 2% 0 4%;
}

.titleTarif {
  color: white;
  font-size: 1.4rem;
  font-weight: 400;
  margin: 0;
  letter-spacing: 1.2px;
}

.containerTarif p {
  font-size: 0.9rem;
  color: white;
  font-weight: 100;
  margin: 1% 0;
}

.detailTarif {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 166px;
  margin-bottom: 4%;
}

.tarifColRight .subtitleTarif {
  margin: 2% 0 0;
  font-size: 1.1rem;
  font-weight: 400;
}

.containerTarif .button {
  padding: 3% 3% 3% 0;
  width: 164px;
  border-radius: 0;
  border: 3px solid white;
}

.containerTarif .lienBouttonA {
  margin-top: 3%;
}

.containerTarif .textButton {
  font-size: 1.1rem;
  font-weight: 400;
}

.photoRondeTarif {
  position: absolute;
  left: -8%;
  top: -22%;
}

.photoRondeTarif img {
  width: 250px;
}

footer {
  background-color: #414141;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  color: white;
  padding: 2% 3% 1%;
}

.footerColLeft {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.footerColRight {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.separator4 {
  height: 4px;
  width: 25px;
  background-color: #9bb5aa;
  margin: 2% 0 6%;
}

footer a {
  color: white;
  font-size: 0.9rem;
  font-weight: 100;
}

footer p {
  font-size: 0.9rem;
  font-weight: 100;
  margin: 5% 0;
}

.titreFooter {
  margin: 0;
  font-size: 1rem;
  font-weight: 400;
}

.footerLink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.footerLink img {
  width: 20px;
  margin-right: 10px;
}

.logoFooter img {
  width: 110px;
}

.button:hover {
  background-color: #6f887d;
  -webkit-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}

/* /////////// MEDIA QUERYS ////////////// */

@media (max-width: 1200px) {
  .photoRondeTarif img {
    width: 200px;
  }
  .photoRondeTarif {
    top: -12%;
  }
  .motifsConsultation {
    padding: 0% 6% 10%;
  }
}

@media (max-width: 1000px) {
  header img {
    width: 60px;
    top: 20px;
    left: 14px;
  }
  .navTopUl li {
    padding: 2% 2%;
  }
  .photoManon img {
    width: 271px;
  }
  .photoManon {
    bottom: -35%;
  }
}

@media (max-width: 900px) {
  .navTopUl li a {
    font-size: 0.9rem;
  }
  .photoManon img {
    width: 210px;
  }
  .photoManon {
    bottom: -21%;
  }
  .motifsConsultation {
    padding: 0% 3% 10%;
  }
  .lesMotifs {
    padding: 0;
  }
  .votreOsteopathe {
    padding: 13% 7%;
  }
  .soinsPourTous {
    padding: 10% 7%;
  }
  .etapeDeroule,
  .etapeImpaire {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  .derouleImg {
    width: 100%;
    height: 50vh;
  }
  .derouleArticle {
    width: 88%;
    padding: 5% 6% 3%;
  }
  .etapeDeroule {
    margin-bottom: 5%;
  }
  .textCabinet .infoOne img,
  .textCabinet .infoTwo img {
    width: 39px;
  }
  .containerTarif {
    width: 60%;
  }
  .photoRondeTarif img {
    width: 160px;
  }
}

@media (max-width: 800px) {
  .photoManon {
    bottom: -12%;
  }
  .navTopUl {
    display: none;
  }
  header img {
    top: 14px;
  }

  header .burgerMobile {
    display: block;
  }

  .navTopUlMobil {
    display: block;
  }
  .paire2motifs {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .motif {
    margin: 2% 0;
    width: 100%;
  }
  .lesMotifs {
    padding: 0 9%;
  }
  .containerArticlePriseCharge {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .colLeft,
  .colRight {
    width: 100%;
  }
  .cabinet {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .textCabinet,
  .imgCabinet {
    width: 100%;
  }

  .imgCabinet {
    margin-top: 7%;
  }
  .photoRondeTarif {
    display: none;
  }
  .tarif {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .containerTarif {
    width: 73%;
    padding: 5% 6% 4% 6%;
    margin-top: 0;
    margin: 9% 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }

  .tarifColLeft,
  .tarifColRight {
    width: 100%;
  }
  .tarifColLeft {
    margin-top: 6%;
  }

  footer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: 5%;
  }
  .logoFooter {
    display: none;
  }
  .footerColRight {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: 5%;
    margin-bottom: 7%;
  }

  .derouleImg1 {
    background-image: url("../img/mobil/osteopathie-macon.jpg");
  }

  .derouleImg2 {
    background-image: url("../img/mobil/osteopathe-chanes.jpg");
  }

  .derouleImg3 {
    background-image: url("../img/mobil/osteo-chanes-vauchez.jpg");
  }

  .derouleImg4 {
    background-image: url("../img/mobil/osteo-creches-sur-saone.jpg");
  }

  header {
    background-color: rgb(69, 69, 69);
    height: 84px;
  }
}

@media (max-width: 600px) {
  .photoManon {
    display: none;
  }
  .interTitre {
    font-size: 2rem;
  }
  .CTA-top h1 {
    font-size: 2rem;
  }
  .textePrincipalSection {
    font-size: 1rem;
  }
  .infoOne {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .parking {
    margin-top: 6%;
  }
  .votreOsteopathe {
    padding: 13% 2%;
  }
  .soinsPourTous {
    padding: 10% 2%;
  }
  .lesMotifs {
    padding: 0 2%;
  }
  .navTopUlMobil li a {
    font-size: 1.6rem;
  }
}

@media (max-width: 400px) {
}