* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "PlayfairDisplayRegular";
  scroll-behavior: smooth;
}

body {
  border: 20px solid #c7d2d9;
}

@font-face {
  font-family: "PlayfairDisplayRegular";
  src: url("fonts/PlayfairDisplay-Regular.ttf");
}

@font-face {
  font-family: "PlayfairDisplayBold";
  src: url("fonts/PlayfairDisplay-Bold.ttf");
}

@font-face {
  font-family: "Chloe";
  src: url("fonts/Chloe-Regular.otf") format("opentype");
}

/** Navigation **/
nav {
  position: sticky;
  top: 0;
  z-index: 99;
  width: 100%;
  margin: 2em auto;
  display: flex;
  flex-direction: column;
  padding: 0 2em;
  background: #ffffff;
}

.nav-haut {
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.nav-haut {
  width: 90%;
}

.nav-bas {
  width: 75%;
  margin: 2em auto;
  background: #fff5e2;
  padding: 1em;
  border-radius: 20px;
}

nav ul {
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.logo img {
  width: 400px;
  margin-top: 0.5em;
}

li {
  list-style-type: none;
  font-size: 16px;
}

.sousMenu {
  font-size: 18px;
}

a {
  text-decoration: none;
  color: #000000;
  font-size: 18px;
  cursor: pointer;
}

footer li a {
  font-size: 16px;
}

.nav-haut ul li:last-of-type {
  background: #f5c968;
  padding: 0.5em 1em;
  border-radius: 10px;
  font-weight: bold;
  transition: background-color 1s;
}

.nav-haut ul li:last-of-type:hover {
  background: #7a84c0;
}

.nav-haut ul li:last-of-type:hover a {
  color: #ffffff;
  transition-property: color;
  transition-duration: 1s;
}

.underline a,
footer a {
  text-decoration: #ffffff;
  transition-property: text-decoration;
  transition-duration: 1.5s;
}

.underline a:hover,
footer a:hover {
  text-decoration: underline solid #f5c968 2px;
  text-underline-offset: 0.4em;
}

.colorHover a:hover {
  color: #8690be;
}

.responsive__navigation {
  display: none;
}

#responsive__icon {
  width: 25px;
  height: 25px;
  position: absolute;
  right: 2em;
  bottom: 1.8em;
  transform: rotate(0deg);
  transition: 0.5s ease-in-out;
  cursor: pointer;
  display: none;
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -ms-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  z-index: 99;
  text-align: center;
}

#responsive__icon span:nth-child(1) {
  top: 0;
}

#responsive__icon span:nth-child(2) {
  top: 8px;
  width: 75%;
}

#responsive__icon span:nth-child(3) {
  top: 16px;
  width: 50%;
}

/* Responsive Navigation */

#responsive__icon {
  width: 25px;
  height: 25px;
  position: absolute;
  right: 2em;
  transform: rotate(0deg);
  transition: 0.5s ease-in-out;
  cursor: pointer;
  display: none;
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -ms-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  z-index: 99;
  text-align: center;
}

#responsive__icon span {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  background: #f5c968;
  border-radius: 9px;
  opacity: 1;
  transform: rotate(0deg);
  transition: 0.25s ease-in-out;
}

#responsive__icon span:nth-child(1) {
  top: 0;
}

#responsive__icon span:nth-child(2) {
  top: 8px;
  width: 75%;
}

#responsive__icon span:nth-child(3) {
  top: 16px;
  width: 50%;
}

#responsive__icon.open span:nth-child(1) {
  top: 10px;
  transform: rotate(90deg);
  background: #7a84c0;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
}

#responsive__icon.open span:nth-child(2) {
  background: #7a84c0;
  left: 10px;
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
}

#responsive__icon.open span:nth-child(3) {
  top: 10px;
  transform: rotate(-90deg);
  background: #7a84c0;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
}

.responsive__navigation {
  height: 100vh;
  background: #ffffff;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  display: none;
  padding-top: 3.5em;
  border: 20px solid #c7d2d9;
  border-bottom: none;
  z-index: 5;
  box-sizing: border-box;
  text-align: center;
}

.responsive__navigation ul {
  margin-top: 4em;
}

.responsive__navigation ul li.sousMenu {
  font-size: 20px;
}

.responsive__navigation ul li ul {
  margin-top: 2em;
}

.responsive__navigation ul li {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  font-weight: 600;
  padding: 1em 1em;
}

.responsive__navigation ul li:nth-of-type(5) {
  border: 2px solid #c7d2d9;
  border-top-color: rgb(199, 210, 217);
  border-right-color: rgb(199, 210, 217);
  border-bottom-color: rgb(199, 210, 217);
  border-left-color: rgb(199, 210, 217);
  padding: 0.5em 1em;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  width: 100px;
  margin: 0 auto;
}

.responsive__navigation ul li a {
  color: #000000;
  font-family: "PlayfairDisplayRegular";
  font-size: 20px;
  cursor: pointer;
}

.responsive__navigation ul li:nth-of-type(5):hover {
  background: #f9b06c;
  transition-property: background;
  transition-duration: 1s;
}

.responsive__navigation ul li:nth-of-type(5):hover a {
  text-decoration: none;
}

.responsive__navigation ul li a:hover {
  border-color: #f9b06c;
  transition-property: background;
  transition-duration: 1s;
}

.responsive__navigation ul li:last-of-type {
  border: none;
}

.responsive__navigation ul li:last-of-type:hover {
  background: none;
  transition-property: background;
  transition-duration: 1s;
  width: 100%;
}

.responsive__navigation__social__links ul {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  background: #ffffff;
}

.responsive__navigation .accompagnement-liens,
.responsive__navigation .votrePsy-liens {
  width: 100%;
}

.responsive__navigation .accompagnement-liens li,
.responsive__navigation .accompagnement-liens .colorHover,
.responsive__navigation .votrePsy-liens li,
.responsive__navigation .votrePsy-liens .colorHover {
  width: 100%;
  text-align: center;
}

.responsive__navigation ul li:last-of-type {
  border: none;
}

/** Sous-menu **/

.votrePsy-liens,
.accompagnement-liens {
  display: none;
  position: absolute;
  background-color: #ffebc1;
  z-index: 1;
  border-radius: 1em;
  padding-top: 10px;
}

.votrePsy-liens li,
.accompagnement-liens li {
  padding: 8px 20px;
}

.votrePsy-liens li {
  width: 180px;
}

.accompagnement-liens li {
  width: 250px;
}

.sousMenu:hover .votrePsy-liens,
.sousMenu:hover .accompagnement-liens {
  display: block;
}

.responsive__navigation {
  display: none;
}
/********** Ancres **********/

/* Approche */

#ancre-bulle1,
#ancre-bulle2 {
  position: relative;
  top: -17em;
}

#ancre-bulle3,
#ancre-bulle4 {
  position: relative;
  top: -17em;
}

#ancre-bulle5,
#ancre-bulle6 {
  position: relative;
  top: -17em;
}

/* Pourquoi consulter ? */

.bandeau1:hover,
.bandeau2:hover,
.bandeau3:hover,
.bandeau5:hover,
.bandeau6:hover,
.bandeau7:hover,
.bandeau8:hover,
.bandeau9:hover,
.visio-bandeau1:hover,
.visio-bandeau2:hover,
.visio-bandeau3:hover,
.visio-bandeau4:hover,
.visio-bandeau6:hover,
.visio-bandeau7:hover,
.visio-bandeau8:hover,
.visio-bandeau9:hover {
  background: #f6bbb5;
  transition-property: background;
  transition-duration: 1s;
  cursor: pointer;
}

.bulle1 p a,
.bulle2 p a,
.bulle3 p a,
.bulle4 p a {
  box-shadow: none;
  padding: 0;
}

#ancre-groupe1,
#ancre-groupe2,
#ancre-groupe3,
#ancre-groupe4 {
  position: relative;
  top: -14em;
}

/* Formes d'accompagnement */

.rond1 p a,
.rond2 p a,
.rond3 p a,
.rond4 p a,
.rond5 p a,
.rond6 p a {
  box-shadow: none;
  padding: 0;
  font-size: 15px;
  color: #fff;
  font-weight: bold;
}

#ancre-rond1,
#ancre-rond2 {
  position: relative;
  top: -14em;
}

#ancre-rond3,
#ancre-rond4 {
  position: relative;
  top: -14em;
}

#ancre-rond5,
#ancre-rond6 {
  position: relative;
  top: -14em;
}

/* Consultations cabinet */

.consultations-cabinet a {
  font-size: 15px;
}

#ancre-cabinet1,
#ancre-cabinet2,
#ancre-cabinet3,
#ancre-cabinet5,
#ancre-cabinet6 {
  position: relative;
  top: -16em;
}

#ancre-cabinet7,
#ancre-cabinet8 {
  position: relative;
  top: -10em;
}

/* Consultations visio */

.consultations-visio a {
  font-size: 15px;
}

#ancre-visio1,
#ancre-visio2 {
  position: relative;
  top: -17em;
}

#ancre-visio3,
#ancre-visio5,
#ancre-visio6,
#ancre-visio7 {
  position: relative;
  top: -14em;
}

#ancre-visio8,
#ancre-visio9 {
  position: relative;
  top: -12em;
}

/************************************ Accueil **/

/** Header **/

header {
  margin: 0 auto;
  width: 1400px;
  position: relative;
  text-align: center;
}

header img {
  width: 90%;
}

header h1,
header h2 {
  color: #ffffff;
  position: absolute;
}

header h1 {
  top: 2em;
  left: 18em;
}

header h2 {
  width: 45%;
  text-align: center;
  top: 6.1em;
  left: 28em;
  font-style: italic;
  font-size: 20px;
}

/** Main **/

main {
  width: 1400px;
  margin: 0 auto;
  position: relative;
  text-align: center;
}

.psy {
  position: relative;
  bottom: 1em;
}

.psy:nth-of-type(2) {
  bottom: 0;
}

.psy:nth-of-type(5) {
  position: relative;
  top: 1.5em;
}

.psy1,
.psy2,
.psy3,
.psy4,
.psy5 {
  width: 112px;
  display: none;
}

.bienvenue,
.pourquoi-consulter,
.pourquoi-consulter_index,
.accompagnement,
.deroulement-seances,
.consultations-groupe {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.bienvenue,
.pourquoi-consulter_index,
.accompagnement,
.deroulement-seances,
.actualites,
.consultations {
  width: 90%;
  margin: 4em auto;
}

.bienvenue_gauche,
.pourquoi-consulter_droite,
.pourquoi-consulter_index_droite,
.accompagnement-bas_gauche,
.deroulement-seances_droite {
  width: 45.5%;
}

.titre {
  display: flex;
  align-items: center;
}

.consultations .titre {
  justify-content: center;
}

.trait {
  border-top: 3.5px solid #505daf;
  width: 75px;
}

h2 {
  padding-left: 0.5em;
}

.bold {
  font-family: "PlayfairDisplayBold";
  font-size: 25px;
}

.bienvenue h2,
.pourquoi-consulter h2,
.pourquoi-consulter_index h2,
.accompagnement h2,
.consultations h2,
.deroulement-seances h2,
.actualites h2,
.mentions_legales h1,
.Politique_de_confidentialite h1 {
  color: #505daf;
  font-size: 27px;
}

.bienvenue p,
.pourquoi-consulter p,
.pourquoi-consulter_index p,
.accompagnement p,
.deroulement-seances p {
  margin-top: 1em;
  text-align: justify;
}

.bienvenue a,
.pourquoi-consulter_index a,
.accompagnement a,
.podcasts a,
.consultations-gauche a,
.deroulement-seances a,
.actualites a,
.cta-flex a {
  padding: 1em 2em;
  border-radius: 10px;
  font-size: 17px;
  outline: none;
  box-shadow: #cec9be 5px 5px 10px;
}

.beige {
  background: #fceed1;
  transition-property: background;
  transition-duration: 1s;
}

.mauve {
  background: #8690be;
  transition-property: background;
  transition-duration: 1s;
}

.orange-clair {
  background: #f5c968;
  transition-property: background;
  transition-duration: 1s;
}

.rose-clair {
  background: #f6bbb5;
  transition-property: background;
  transition-duration: 1s;
}

.beige:hover {
  background: #8690be;
}

.mauve:hover {
  background: #fceed1;
}

.orange-clair:hover,
.blanc:hover {
  background: #fceed1;
}

p {
  font-size: 16px;
  text-align: justify;
}

.consultations-cabinet_bas p i {
  font-size: 10px;
  margin-left: 5em;
}

.cta {
  text-align: center;
  margin: 2.5em auto;
  display: flex;
  justify-content: space-around;
}

.bienvenue img,
.pourquoi-consulter_index_gauche img,
.accompagnement img,
.deroulement-seances img {
  width: 450px;
  border-radius: 20px;
}

.bienvenue img,
.pourquoi-consulter_gauche img,
.pourquoi-consulter_index_gauche img,
.deroulement-seances img {
  border: solid #fceed1 4px;
}

.accompagnement-bas {
  margin: 5em auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.titre {
  text-align: center;
}

/** Consultations **/

.consultations-gauche,
.consultations-droite {
  width: 48%;
  text-align: center;
  margin-top: 2em;
}

.consultations-gauche img {
  width: 100px;
  margin-top: 1em;
}

.consultations-droite img {
  width: 100px;
  margin-top: 1em;
}

.visio {
  width: 100%;
  margin: 1em auto;
  border-radius: 20px;
  display: flex;
  justify-content: space-evenly;
  padding: 2em 1em;
}

.consultations-gauche .visio {
  background: #727bbb;
}

.consultations-droite .visio {
  background: #fad582;
}

.image1 {
  width: 100px;
  margin-top: 1em;
}

.image2 {
  width: 120px;
  height: 80px;
  margin-top: 1em;
}

.card-visio1,
.card-visio2,
.card-visio3,
.card-visio4,
.card-visio5,
.card-visio6 {
  width: 24%;
  height: 445px;
  background: #ffffff;
  border-radius: 20px;
  padding: 1em 0;
}

.card-visio1 p,
.card-visio2 p,
.card-visio3 p,
.card-visio4 p,
.card-visio5 p,
.card-visio6 p {
  font-size: 12px;
  text-align: center;
}

.card-visio1 img,
.card-visio3 img {
  width: 28px;
  padding-top: 1em;
}

.card-visio4 img {
  width: 28px;
  padding-top: 1em;
}

.card-visio4 img:nth-of-type(3) {
  padding-top: 0.5em;
}

.card-visio2 img,
.card-visio6 img {
  padding-top: 132px;
}

.card-visio5 img {
  padding-top: 137px;
}

.ptop2 {
  margin-top: 1.8em;
}

.card-visio1 img:nth-of-type(2),
.card-visio1 img:nth-of-type(3),
.card-visio2 img,
.card-visio3 img:nth-of-type(2),
.card-visio3 img:nth-of-type(3),
.card-visio4 img:nth-of-type(2),
.card-visio4 img:nth-of-type(3),
.card-visio6 img {
  width: 49px;
}

.card-visio5 img {
  width: 65px;
}

.card-visio4 img:nth-of-type(3) {
  width: 65px;
}

.card-visio1 img:nth-of-type(2),
.card-visio3 img:nth-of-type(2),
.card-visio4 img:nth-of-type(2) {
  width: 75px;
}

.card-visio3,
.card-visio4,
.card-visio5,
.card-visio6 {
  border: 4px solid #f9b06c;
}

.card-visio1,
.card-visio2 {
  border: 4px solid #fbeec8;
}

.consult-flex {
  width: 50%;
  margin: 0 auto;
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.consultations-gauche a,
.consultations-droite a,
.rdv-gauche a,
.rdv-droite a {
  padding: 1em 2em;
  border-radius: 10px;
  font-size: 17px;
  outline: none;
  box-shadow: #cec9be 5px 5px 10px;
  color: #ffffff;
}

.consultations-gauche a,
.rdv-gauche a {
  border: 4px solid #ffefcb;
}

.consultations-droite a,
.rdv-droite a {
  border: 4px solid #f5b070;
}

.consultations-gauche a:hover,
.rdv-gauche a:hover,
.consultations-droite a:hover,
.rdv-droite a:hover {
  background: #f6bbb5;
}

.consultations-gauche h3 {
  color: #5e6596;
  font-size: 24px;
}

.consultations-droite h3 {
  color: #f9b06c;
  font-size: 24px;
}

.card-visio1 h3,
.card-visio2 h3,
.card-visio3 h3,
.card-visio4 h3,
.card-visio5 h3,
.card-visio6 h3 {
  font-size: 18px;
}
/** Actualités **/

.actualites_groupe {
  display: flex;
  justify-content: space-around;
  margin-top: 3.5em;
}

.actualites-gauche,
.actualites-droite {
  width: 475px;
  height: 400px;
  padding: 2em;
  border-radius: 25px;
}

.actualites-gauche img,
.actualites-droite img {
  width: 100%;
  margin-top: 1em;
  border-radius: 15px;
}

.actualites-gauche {
  background: #ffefcb;
}

.actualites-droite {
  background: #b7bddd;
}

.actualites-gauche h3,
.actualites-droite h3,
.actualites-gauche p {
  margin-top: 1em;
}

.actualites-droite p {
  margin-top: 1.2em;
}

.actualites-gauche h3,
.actualites-droite h3 {
  text-align: center;
  font-size: 22px;
  color: #727bbb;
}

.actualites-droite h3 {
  color: #ffefcb;
}

/** Footer **/

.hr_orange,
.hr_pourpre {
  width: 90%;
  margin: 4em auto 2em;
  border: 1px solid #ebc164;
}

.footer_links {
  width: 90%;
  margin: 0 auto;
  display: flex;
  justify-content: space-around;
}

.footer a {
  font-size: 16px;
}

.logo p {
  text-align: left;
  font-size: 17px;
  margin: 0 auto;
  position: relative;
  left: 5.1em;
}

.associations {
  margin-top: 20px;
  background: #fad582;
  border-radius: 20px;
  padding: 1em;
  width: 90%;
  margin: 2em auto;
  text-align: center;
}

.associations ul {
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.associations li a {
  display: flex;
  flex-direction: column;
  padding: 2em;
}

.associations a {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.associations h3 {
  font-size: 20px;
}

.width140px {
  width: 140px;
  margin-bottom: 0.4em;
}

.width200px {
  width: 200px;
  margin-bottom: 1.2em;
}

.links1 strong,
.links2 strong,
.links3 strong {
  font-size: 20px;
}

.links3 img {
  width: 40px;
}

footer li {
  margin-top: 0.3em;
}

.links3 li {
  margin-top: 0.1em;
}

.links3 li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.hr_orange {
  border: 1px solid #505daf;
}

.copyright {
  width: 80%;
  margin: 1em auto;
  text-align: center;
  font-size: 18px;
  color: #f9b06c;
}

.orange-color {
  color: #f9b06c;
}

.pourpre {
  color: #7a84c0;
}

/************************************ Votre psychologue **/

.Qui_suis_je,
.ExperienceFlex,
.approche {
  display: flex;
  width: 90%;
  margin: 2.5em auto;
  align-items: center;
  justify-content: space-between;
}

.specialites {
  width: 100%;
  margin: 5em auto;
}

.Qui-suis-je_Gauche,
.Experience_Droite,
.Experience_Gauche,
.approche-gauche,
.approche-droite,
.formes-accompagnement_gauche,
.formes-accompagnement_droite,
.consultations-cabinet_gauche,
.consultations-cabinet_droite,
.consultations-visio_gauche,
.consultations-visio_droite {
  width: 45%;
  text-align: center;
}

.Qui-suis-je_Gauche p,
.approche p {
  margin-top: 2em;
  text-align: justify;
}

.approche li {
  list-style-type: initial;
  margin-left: 2em;
  margin-top: 1em;
  text-align: justify;
  font-size: 16px;
}

.approche-gauche img {
  width: 400px;
}

.approche-droite img {
  width: 475px;
}

.Qui-suis-je_Gauche h1,
.Experience h2,
.contact h1,
.approche-gauche h1,
.specialites h2,
.pourquoi-consulter_gauche h1,
.consultations-cabinet h1,
.consultations-visio_gauche h1,
.mentions_legales h1,
.Politique_de_confidentialite h1,
.Politique_de_confidentialite h3,
.mentions_legales h3 {
  font-size: 27px;
  padding-left: 0.5em;
}

.Qui-suis-je_Gauche h1,
.contact h1,
.approche-gauche h1,
.specialites h2,
.pourquoi-consulter_gauche h1,
.consultations-cabinet h1,
.consultations-visio_gauche h1,
.Politique_de_confidentialite h3,
.mentions_legales h3 {
  color: #505daf;
}

.consultations-cabinet_gauche,
.consultations-visio_gauche {
  width: 100%;
}

.Qui_suis_je img,
.Experience img {
  width: 550px;
  border: solid #fceed1 8px;
  border-radius: 20px;
}

.Experience {
  background: #7a84c0;
  padding: 0.5em 0;
  width: 100%;
  color: #ffffff;
}

.Experience_Droite a {
  color: #f9b06c;
  text-decoration: underline;
}

.Experience p {
  margin-top: 1em;
  text-align: justify;
}

.trait-blanc {
  border-top: 3.5px solid #ffffff;
  width: 75px;
}

.mes-formations {
  width: 90%;
  margin: 17em 5em auto;
  position: relative;
}

.petit_rond {
  background: #fcd3ad;
  width: 240px;
  height: 240px;
  border-radius: 240px;
  position: absolute;
  right: 30em;
  top: 15em;
}

.grand_rond {
  background: #b7bddd;
  width: 520px;
  height: 520px;
  border-radius: 520px;
  position: absolute;
  right: 0.2em;
  top: -5em;
}

.formations,
.rdv-consultation {
  width: 90%;
  margin: 5em auto;
}

.formations ul {
  text-align: left;
}

.rdv-consultation {
  width: 100%;
}

.rdv {
  margin-top: 10em;
}

.italic {
  font-style: italic;
  margin-left: 1em;
}

p.italic {
  position: relative;
  z-index: 2;
}

.mes-formations h2 {
  color: #505daf;
  font-size: 30px;
  padding-left: 0.5em;
}

.formations li {
  display: flex;
  align-items: center;
}

.formations li span {
  padding-left: 1em;
  font-size: 18px;
  z-index: 2;
}

.cta-flex {
  display: flex;
  justify-content: space-between;
  width: 90%;
  margin: 0 auto;
}

.cta-flex_gauche,
.cta-flex_droite {
  text-align: center;
  width: 45%;
  padding: 2em;
  background: #fff8e8;
  border-radius: 20px;
}

.cta-flex_gauche {
  color: #505daf;
}

.cta-flex_droite {
  color: #f5b070;
}

.cta-flex_gauche h3,
.cta-flex_droite h3 {
  font-size: 24px;
}

.rdv img {
  width: 100px;
  margin-top: 2em;
}

/************************************ Mon approche **/

.specialites {
  text-align: center;
}

.bandeau {
  width: 100%;
  margin: 4em auto;
  padding: 1em;
  border: #fceed1 solid 5px;
  border-radius: 20px;
  background: #727bbb;
  display: flex;
  justify-content: space-around;
  text-align: center;
}

.bulle {
  width: 180px;
  height: 180px;
  border-radius: 180px;
  background: #b7bddd;
  text-align: center;
  transition-property: background;
  transition-duration: 1s;
}

.bulle:hover {
  background: #f6bbb5;
}

.bulle p {
  text-align: center;
  position: relative;
  top: 2em;
  font-size: 15px;
}

.bulle img {
  position: relative;
  top: 3.5em;
}

.img35 {
  width: 35px;
}

.img60 {
  width: 60px;
}

.img70 {
  width: 70px;
}

.click img {
  width: 125px;
  position: relative;
  bottom: 2em;
}

.groupe1,
.groupe2,
.groupe3 {
  display: flex;
  justify-content: space-around;
}

.entete {
  display: flex;
  align-items: center;
  justify-content: space-around;
  margin: 2em auto;
}

.specialites-bas .entete {
  width: 275px;
}

.groupe2,
.groupe3 {
  margin-top: 8em;
}

.groupe1-gauche,
.groupe1-droite,
.groupe2-gauche,
.groupe2-droite,
.groupe3-gauche,
.groupe3-droite {
  width: 45%;
}

.groupe1-gauche,
.groupe1-droite,
.groupe2-gauche,
.groupe2-droite,
.groupe3-gauche,
.groupe3-droite,
.infos-pratiques_gauche,
.infos-pratiques_droite,
.remboursement {
  border-radius: 20px;
  padding: 1em;
}

.groupe1-gauche,
.groupe3-gauche {
  border: 5px solid #b7bddd;
}

.groupe1-droite {
  background: #ffefcb;
}

.groupe2-gauche {
  background: #7a84c0;
}

.groupe2-gauche a {
  text-decoration: underline;
  color: #f9b06c;
}

.groupe2-droite {
  border: 4px solid #ffbd59;
}

.groupe3-droite {
  background: #fff8e8;
}

.groupe1-gauche p,
.groupe1-droite p,
.groupe2-gauche p,
.groupe2-droite p,
.groupe3-gauche p,
.groupe3-droite p {
  padding-top: 1em;
}

.groupe1-gauche img {
  width: 35px;
}

.groupe1-droite img,
.groupe2-gauche img,
.groupe2-droite img,
.groupe3-gauche img,
.groupe3-droite img {
  width: 60px;
}

.groupe1-gauche h3 {
  color: #7a84c0;
}

.groupe1-droite h3,
.groupe2-droite h3,
.groupe3-droite h3 {
  color: #c87e0e;
}

.groupe2-gauche h3 {
  color: #ffffff;
}

.cta-card {
  width: 20%;
  text-align: center;
  background: #fff8e8;
  border-radius: 20px;
  padding: 2em 0;
}

.cta-card a {
  padding: 0;
  box-shadow: none;
  border-radius: none;
}

.cta-card img {
  width: 75px;
}

.cta-card p {
  text-align: center;
  margin-top: 2em;
  font-size: 17px;
}

/************************************ Pourquoi consulter ? **/

.pourquoi-consulter {
  display: flex;
  width: 90%;
  margin: -2em auto 5em;
  align-items: center;
  justify-content: space-between;
}

.pourquoi-consulter_gauche img {
  margin-top: 2em;
  text-align: justify;
  width: 575px;
  border-radius: 20px;
  height: 795px;
}

.pourquoi-consulter_droite img {
  width: 125px;
  position: relative;
  top: 8em;
  right: 9em;
}

.pourquoi-consulter_milieu .groupe1-gauche,
.pourquoi-consulter_milieu .groupe2-gauche,
.pourquoi-consulter_milieu .groupe1-droite,
.pourquoi-consulter_milieu .groupe2-droite {
  width: 40.5%;
}

.bulle1,
.bulle2,
.bulle3,
.bulle4 {
  width: 155px;
  height: 155px;
  border-radius: 155px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: background-color 1s;
}

.bulle1 p,
.bulle2 p,
.bulle3 p,
.bulle4 p {
  margin: 0;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

.bulle3 p {
  color: #6e75a5;
}

.bulle1 {
  background: #f5c968;
  position: relative;
  left: 200px;
}

.bulle1:hover,
.bulle2:hover,
.bulle3:hover,
.bulle4:hover {
  background: #f6bbb5;
}

.bulle2 {
  background: #b7bddd;
  position: relative;
  left: 75px;
}

.bulle3 {
  background: #ffefcb;
  position: relative;
  left: 200px;
}

.bulle3 img {
  width: 45px;
  position: absolute;
  top: 6.5em;
  left: 3em;
}

.bulle4 {
  background: #8690be;
  position: relative;
  left: 325px;
  bottom: 310px;
}

.pourquoi-consulter_milieu .groupe1-gauche,
.pourquoi-consulter_milieu .groupe1-droite {
  border: solid 4px #f6c26b;
}

.pourquoi-consulter_milieu .groupe1-gauche li,
.pourquoi-consulter_milieu .groupe1-droite li,
.pourquoi-consulter_milieu .groupe2-gauche li,
.pourquoi-consulter_milieu .groupe2-droite li,
.consultations-cabinet_milieu li,
.consultations-visio_milieu li {
  margin-top: 1em;
  margin-left: 1em;
  list-style-type: initial;
  text-align: justify;
}

.pourquoi-consulter_milieu .groupe1-droite {
  background: #b7bddd;
  border: none;
}

.pourquoi-consulter_milieu .groupe2-droite {
  background: #ffefcb;
  border: none;
}

.pourquoi-consulter_milieu .groupe2-gauche {
  border: solid 4px #8690be;
  background: #ffffff;
}

.pourquoi-consulter_milieu .groupe1-gauche h3 {
  color: #c87e0e;
  font-size: 25px;
}

.pourquoi-consulter_milieu .groupe2-gauche h3 {
  color: #8690be;
  font-size: 25px;
}

.pourquoi-consulter_milieu .groupe1-droite h3 {
  color: #ffffff;
  font-size: 25px;
}

.pourquoi-consulter_milieu .groupe2-droite h3 {
  font-size: 25px;
}

/************************************ Types d'accompagnement **/

.formes-accompagnement {
  display: flex;
  width: 90%;
  margin: 5em auto;
  align-items: center;
  justify-content: space-between;
}

.formes-accompagnement h1 {
  color: #505daf;
  font-size: 27px;
  padding-left: 0.5em;
}

.formes-accompagnement_milieu li {
  list-style-type: initial;
  margin-top: 1em;
  margin-left: 1em;
  text-align: justify;
}

.formes-accompagnement_gauche img {
  width: 625px;
}

.formes-accompagnement_droite img {
  width: 125px;
  position: relative;
  top: 8em;
  right: 9em;
  transform: rotate(45deg);
}

.liste1,
.liste2,
.liste3 {
  display: flex;
  align-items: center;
}

.liste1,
.liste2 {
  justify-content: space-around;
}

.liste3 {
  justify-content: space-evenly;
}

.rond1,
.rond2,
.rond3,
.rond4,
.rond5,
.rond6 {
  width: 125px;
  height: 125px;
  border-radius: 125px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: background-color 1s;
}

.rond1 p,
.rond2 p,
.rond3 p,
.rond4 p,
.rond5 p,
.rond6 p {
  font-size: 14px;
  color: #ffffff;
  text-align: center;
}

.rond1 {
  background: #ffd19b;
  position: relative;
  bottom: 1.5em;
}

.rond1:hover,
.rond2:hover,
.rond3:hover,
.rond4:hover,
.rond5:hover,
.rond6:hover {
  background: #f6bbb5;
}

.rond2 {
  background: #a2a7cd;
}

.rond3 {
  background: #7f85bf;
}

.rond4 {
  background: #8690be;
}

.rond5 {
  background: #f8b06c;
}

.rond6 {
  background: #f6c26b;
}

.liste1,
.liste2,
.liste3 {
  margin-top: 2em;
}

.formes-accompagnement_milieu .groupe1-gauche,
.formes-accompagnement_milieu .groupe2-droite,
.formes-accompagnement_milieu .groupe3-gauche {
  background: #8690be;
  border: none;
}

.formes-accompagnement_milieu h3 {
  font-size: 25px;
}

.formes-accompagnement_milieu .groupe1-gauche h3,
.formes-accompagnement_milieu .groupe2-droite h3,
.formes-accompagnement_milieu .groupe3-gauche h3,
.map-container a {
  color: #ffffff;
}

.formes-accompagnement_milieu .groupe1-droite h3,
.formes-accompagnement_milieu .groupe2-gauche h3,
.formes-accompagnement_milieu .groupe3-droite h3 {
  color: #000000;
}

.formes-accompagnement_milieu .groupe1-gauche h3,
.formes-accompagnement_milieu .groupe2-droite,
.formes-accompagnement_milieu .groupe3-gauche {
  color: #ffffff;
}

.formes-accompagnement_milieu .groupe1-gauche {
  color: #ffffff;
}

.couleurUn {
  color: #7f85bf;
  font-weight: bold;
}

.couleurDeux {
  color: #f8b06c;
  font-weight: bold;
}

.formes-accompagnement_milieu .groupe1-droite,
.formes-accompagnement_milieu .groupe2-gauche,
.formes-accompagnement_milieu .groupe3-droite {
  background: #ffffff;
  border: 4px solid #f6c26b;
}

/************************************ Consultation cabinet **/

.consultations-cabinet,
.consultations-visio {
  display: flex;
  width: 90%;
  margin: 5em auto;
  align-items: center;
  justify-content: space-between;
}

.consultations-cabinet_droite {
  position: relative;
}

.consultations-cabinet_gauche p {
  text-align: center;
  color: #62699a;
  font-weight: bold;
}

.consultations-cabinet_gauche img {
  width: 550px;
  margin-top: 2em;
}

.consultations-visio_gauche img {
  width: 475px;
  margin-top: 2em;
  border-radius: 20px;
}

.consultations-cabinet_droite img,
.consultations-visio_droite img {
  width: 125px;
  right: 2em;
  position: absolute;
  transform: rotate(245deg);
  bottom: -9em;
}

.consultations-visio_droite img {
  top: 28em;
  right: 10em;
}

.consultations-visio_milieu a {
  font-size: 16px;
  color: #7a81bc;
  font-weight: bolder;
  text-decoration: underline;
}

.cabinet-liste1,
.cabinet-liste2,
.cabinet-liste3,
.ligne-liste1,
.ligne-liste2,
.ligne-liste3,
.ligne-liste4 {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  margin-top: 2em;
  margin-left: 1em;
}

.ligne-liste1 {
  margin-left: 0.7em;
}

.bandeau1,
.bandeau2,
.bandeau3,
.bandeau5,
.bandeau6,
.bandeau7,
.bandeau8,
.visio-bandeau1,
.visio-bandeau2,
.visio-bandeau3,
.visio-bandeau4,
.visio-bandeau6,
.visio-bandeau7,
.visio-bandeau8,
.visio-bandeau9 {
  width: 160px;
  height: 76px;
  padding: 1em 0.5em;
  border-radius: 20px;
  position: relative;
  font-weight: bold;
  transition: background-color 1s;
  display: flex;
  align-items: center;
  justify-content: center;
}

.bandeau1 {
  background: #d7dbf4;
  bottom: 0.2em;
}

.bandeau2 {
  background: #fcd3ad;
  bottom: 0.2em;
}

.bandeau3 {
  background: #7d84bc;
  right: 2em;
}

.bandeau4,
.visio-bandeau5 {
  background: #8277a4;
  color: #ffffff;
  border-radius: 20px;
  position: relative;
  width: 165px;
  padding: 1em 1em;
}

.bandeau5 {
  background: #fff8e8;
  left: 2em;
}

.bandeau6 {
  background: #a2a7cd;
}

.bandeau7 {
  background: #7a84c0;
  top: 4em;
}

.bandeau8 {
  background: #e7bd6f;
}

.bandeau4 p,
.visio-bandeau5 p {
  font-size: 17px;
  font-weight: bold;
}

.bandeau1 p,
.bandeau2 p,
.bandeau3 p,
.bandeau4 p,
.bandeau5 p,
.bandeau6 p,
.bandeau7 p,
.bandeau8 p,
.bandeau9 p,
.visio-bandeau1 p,
.visio-bandeau2 p,
.visio-bandeau3 p,
.visio-bandeau4 p,
.visio-bandeau5 p,
.visio-bandeau6 p,
.visio-bandeau7 p,
.visio-bandeau8 p,
.visio-bandeau9 p {
  text-align: center;
}

.consultations-cabinet_milieu,
.consultations-visio_milieu {
  text-align: center;
}

.consultations-cabinet_milieu h3,
.consultations-visio_milieu h3 {
  font-size: 25px;
}

.consultations-cabinet_milieu .groupe1-droite img,
.consultations-cabinet_milieu .groupe2-droite img,
.consultations-cabinet_milieu .groupe3-droite img {
  width: 400px;
}

.consultations-cabinet_milieu .groupe1-gauche {
  background: #d7dbf4;
  border: none;
}

.consultations-cabinet_milieu .groupe1-droite {
  background: #ffffff;
  border: 4px solid #fcd3ad;
}

.consultations-cabinet_milieu .groupe2-gauche {
  background: #ffffff;
  border: 4px solid #7d84bc;
}

.consultations-cabinet_milieu .groupe2-droite {
  background: #fff8e8;
  border: none;
}

.consultations-cabinet_milieu .groupe2-droite img,
.consultations-cabinet_milieu .groupe2-droite p {
  margin-top: 2em;
}

.consultations-cabinet_milieu .groupe2-gauche h3 {
  color: #474a89;
}

.consultations-cabinet_milieu .groupe3-gauche h3 {
  color: #fff;
}

.consultations-cabinet_milieu .groupe3-droite img {
  margin-top: 3em;
}

.consultations-cabinet_milieu .groupe3-droite p {
  margin-top: 1em;
  text-align: center;
}

.consultations-cabinet_milieu .groupe3-gauche {
  background: #a2a7cd;
  border: none;
}

.consultations-cabinet_milieu .groupe3-droite {
  background: none;
}

.consultations-cabinet_bas {
  text-align: center;
  margin-top: 5em;
}

.infos-pratiques {
  display: flex;
  justify-content: space-around;
  margin: 5em auto;
}

.infos-pratiques_gauche,
.infos-pratiques_droite {
  width: 45%;
}

.consultations-cabinet_bas h2 {
  color: #c87e0e;
}

.infos-pratiques h4 {
  margin-top: 2em;
  text-align: left;
}

.infos-pratiques_gauche h4 {
  color: #7f85bf;
  font-size: 20px;
}

.remboursement h3 {
  color: #f9b06c;
  font-size: 20px;
}

.remboursement h3 {
  font-size: 24px;
}

.infos-pratiques_droite h4 {
  color: #ffffff;
  font-size: 20px;
}

.infos-pratiques p {
  margin-top: 1em;
}

.infos-pratiques_gauche {
  background: #e7bd6f;
}

.infos-pratiques_gauche p {
  text-align: center;
}

.infos-pratiques_gauche p:nth-of-type(1),
.infos-pratiques_gauche p:nth-of-type(2),
.infos-pratiques_gauche p:nth-of-type(3),
.infos-pratiques_gauche p:nth-of-type(4) {
  text-align: center;
}

.infos-pratiques_gauche i {
  font-size: 15px;
}

.infos-pratiques_droite {
  background: #7f85bf;
}

.remboursement {
  background: #fff5d9;
  width: 90%;
  margin: 0 auto;
  padding: 2em 4em;
}

.remboursement p {
  margin-top: 2em;
}

.rdv-consultation h2 {
  padding-bottom: 2em;
  color: #505daf;
  text-align: center;
}

.rdv-consultation .cta-card {
  width: 24%;
}

.cta-card h3 {
  color: #f9b06c;
  padding-bottom: 1em;
}

.infos-pratiques li {
  list-style-type: initial;
  margin-top: 1em;
  margin-left: 2em;
  text-align: justify;
}

/************************************ Consultation visio **/

.visio-bandeau1 {
  background: #b7bddd;
  right: 1em;
}

.visio-bandeau2 {
  background: #fbedc7;
  bottom: 3.5em;
}

.visio-bandeau3 {
  background: #fff8e8;
  left: 1em;
}

.visio-bandeau4 {
  background: #d89162;
  right: 2.5em;
}

.visio-bandeau5 {
  background: #727bbb;
}

.visio-bandeau6 {
  background: #d7dbf4;
  left: 2.5em;
}

.visio-bandeau7 {
  background: #f5c968;
  right: 1em;
}

.visio-bandeau8 {
  background: #e7bd6f;
  top: 3.5em;
}

.visio-bandeau9 {
  background: #7a84c0;
  left: 1em;
  transition: background-color 1s;
}

.consultations-visio_gauche p {
  text-align: center;
  color: #49337c;
  margin-top: 1em;
}

.consultations-visio_milieu .groupe1-gauche {
  background: #ffffff;
  border: solid 4px #b7bddd;
}

.consultations-visio_milieu .groupe1-droite {
  background: #fbedc7;
  border: none;
}

.consultations-visio_milieu .groupe2-gauche {
  background: #fff8e8;
  border: none;
}

.consultations-visio_milieu .groupe2-droite {
  background: #ffffff;
  border: 4px solid #7a81bc;
}

.consultations-visio_milieu .groupe3-gauche {
  background: #ffffff;
  border: 4px solid #f5c968;
}

.consultations-visio_milieu .groupe3-droite {
  background: #d7dbf4;
  border: none;
}

.consultations-visio_milieu .groupe2-gauche h3 {
  color: #c87e0e;
}

.consultations-visio_milieu .groupe2-droite h3 {
  color: #474a89;
}

.consultations-visio_milieu .groupe3-gauche h3 {
  color: #c87e0e;
}

.consultations-visio_milieu .groupe3-droite h3 {
  color: #474a89;
}

/************************************ Contact **/

.contact {
  color: #505daf;
  font-size: 30px;
  padding-left: 2.4em;
}

.formulaire-container {
  background: #7a84c0;
  width: 100%;
  margin: 4em auto;
  border-radius: 20px;
  padding: 2.5em 0;
}

.formulaire-intro {
  padding-top: 2em;
  width: 80%;
  margin: 0 auto;
  color: #ffffff;
}

.formulaire-intro h2 {
  padding: 0;
  font-size: 25px;
}

.formulaire-intro p {
  padding-top: 2em;
  font-size: 20px;
}

.formulaire-flex {
  display: flex;
  justify-content: space-around;
  width: 90%;
  margin: 0 auto;
}

.contact-formulaire,
.map-container {
  margin-top: 2em;
  width: 40%;
}

form {
  margin-top: 1em;
  color: #ffffff;
}

input[type="text"],
input[type="email"],
textarea {
  width: 100%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  margin-top: 6px;
  margin-bottom: 16px;
  border: 2px solid #ffffff;
  font-size: 16px;
  outline: none;
}

textarea {
  height: 175px;
}

label {
  font-weight: bold;
}

form {
  text-align: left;
}

input[type="submit"] {
  padding: 20px;
  background: #f9b06c;
  width: 100%;
  color: #ffffff;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  border: none;
  border-radius: 10px;
  cursor: pointer;
  margin: 2em auto;
}

.orange {
  background: #f9b06c;
  transition-property: background;
  transition-duration: 1s;
}

.beige:hover,
.orange:hover {
  background: #f5c968;
}

.contact-formulaire,
.map-container {
  margin-top: 2em;
  width: 40%;
}

.map {
  height: 400px;
  width: 100%;
  margin-top: 1.7em;
  border-radius: 10px;
}

.map-container li {
  display: flex;
  color: #ffffff;
  align-items: center;
  margin-top: 1.5em;
  font-size: 19px;
}

.map-container li img {
  width: 28px;
}

.right {
  margin-left: 15px;
}

.rdv-contact {
  margin-top: 8em;
}

.noborder {
  background: #ffefcb;
  height: 100vh;
}

.reponse_form {
  margin-top: 5em;
  text-align: center;
}

.reponse_form p {
  font-size: 16px;
  text-align: center;
  margin-top: 4em;
}

.reponse_form p:nth-of-type(3),
.reponse_form p a {
  color: #727bbb;
  font-weight: bold;
  font-size: 18px;
}

/************************************ Mentions légales et politique de confidentialité **/

.mentions_legales,
.Politique_de_confidentialite {
  width: 90%;
  margin: 5em auto;
}

.Politique_de_confidentialite h3,
.mentions_legales h3 {
  font-size: 25px;
}

.Politique_de_confidentialite p,
.mentions_legales p,
.Politique_de_confidentialite h3 {
  margin-top: 2em;
}

/** Responsive **/

@media screen and (max-width: 2200px) {
  .links {
    width: 55%;
  }
}

@media screen and (max-width: 1450px) {
  nav {
    padding: 0;
  }

  header,
  main {
    width: 1200px;
  }

  header img {
    width: 100%;
  }
}

@media screen and (max-width: 1300px) {
  .actualites-gauche,
  .actualites-droite {
    width: 90%;
    margin: 0 auto;
  }

  .actualite-card {
    width: 50%;
  }
}

@media screen and (max-width: 1275px) {
  header {
    width: 100%;
  }
  header img {
    width: 90%;
    height: auto;
  }

  .footer_links {
    width: 100%;
  }
}

@media screen and (max-width: 1250px) {
  header,
  main {
    width: 1100px;
  }

  .nav-bas {
    width: 90%;
  }

  header h1 {
    top: 1.5em;
    left: 16em;
  }

  header h2 {
    top: 5.7em;
    left: 26em;
  }

  .bulle {
    width: 180px;
    height: 180px;
    border-radius: 180px;
  }

  .bulle p {
    font-size: 15px;
  }

  .bandeau {
    padding: 0.1em;
  }

  .card-visio1 h3,
  .card-visio2 h3,
  .card-visio3 h3,
  .card-visio4 h3,
  .card-visio5 h3,
  .card-visio6 h3 {
    font-size: 15px;
  }

  .card-visio1,
  .card-visio2,
  .card-visio3,
  .card-visio4,
  .card-visio5,
  .card-visio6 {
    padding: 1em 2px;
  }

  .Qui_suis_je img,
  .Experience img {
    width: 450px;
  }

  .specialites {
    margin: 0 auto;
  }

  .pourquoi-consulter_gauche img {
    width: 475px;
  }

  .pourquoi-consulter_droite img {
    right: 7em;
  }

  .consultations-cabinet,
  .consultations-visio {
    flex-direction: column;
  }

  .consultations-cabinet_droite {
    margin: 5em 0;
    width: 90%;
  }

  .consultations-visio {
    margin: 0 auto;
  }

  .consultations-visio_droite {
    margin: 4em 0;
    width: 90%;
  }

  .consultations-visio_droite img {
    top: 5em;
    right: 0;
    position: relative;
  }

  .consultations-cabinet_milieu,
  .consultations-visio_milieu {
    text-align: center;
  }

  .formes-accompagnement {
    width: 100%;
  }

  .bulle,
  .bulle1,
  .bulle2,
  .bulle3,
  .bulle4 {
    width: 150px;
    height: 150px;
    border-radius: 150px;
    margin-top: 1em;
  }

  .bulle img {
    position: relative;
    top: 2em;
  }
}

@media screen and (max-width: 1200px) {
  header {
    width: 100%;
  }
  header img {
    width: 90%;
    height: auto;
  }
}

@media screen and (max-width: 1175px) {
  /* Ancres Approche */

  #ancre-bulle1,
  #ancre-bulle2,
  #ancre-bulle3,
  #ancre-bulle4,
  #ancre-bulle5,
  #ancre-bulle6 {
    position: relative;
    top: -15em;
  }

  /* Ancres Pourquoi consulter ? */

  #ancre-groupe1,
  #ancre-groupe2,
  #ancre-groupe3,
  #ancre-groupe4 {
    position: relative;
    top: -14em;
  }

  /* Ancres Consultations cabinet */

  #ancre-cabinet1,
  #ancre-cabinet2,
  #ancre-cabinet3,
  #ancre-cabinet5,
  #ancre-cabinet6 {
    position: relative;
    top: -12em;
  }

  /* Ancres Consultations visio */

  #ancre-visio1,
  #ancre-visio2,
  #ancre-visio3,
  #ancre-visio5,
  #ancre-visio6,
  #ancre-visio7 {
    position: relative;
    top: -12em;
  }

  #ancre-visio8 {
    position: relative;
    top: -10em;
  }

  #ancre-visio9 {
    position: relative;
    top: -10em;
  }

  main {
    text-align: initial;
    width: 100%;
  }

  .bienvenue,
  .accompagnement {
    flex-direction: column-reverse;
    width: 90%;
    margin: 2em auto;
    text-align: center;
  }

  .pourquoi-consulter,
  .pourquoi-consulter_index,
  .deroulement-seances,
  .consultations-groupe,
  .actualites_groupe,
  .Qui_suis_je,
  .ExperienceFlex,
  .groupe1-gauche,
  .groupe1-droite,
  .groupe2-gauche,
  .groupe2-droite,
  .groupe3-gauche,
  .groupe3-droite {
    flex-direction: column;
    width: 90%;
    margin: 1em auto;
    text-align: center;
  }

  .formes-accompagnement {
    flex-direction: column;
  }

  .formes-accompagnement_gauche,
  .formes-accompagnement_droite,
  .pourquoi-consulter {
    width: 100%;
  }

  .Qui_suis_je,
  .approche {
    flex-direction: column-reverse;
  }

  .groupe1,
  .groupe2,
  .groupe3 {
    flex-direction: column;
  }

  .groupe2,
  .groupe3 {
    margin-top: 1em;
  }

  .click img {
    width: 20%;
    position: relative;
    bottom: 0;
  }

  .bienvenue_gauche,
  .pourquoi-consulter_index_droite,
  .accompagnement-bas_gauche,
  .deroulement-seances_droite,
  .Qui-suis-je_Gauche,
  .Qui-suis-je_Droite,
  .Experience_Gauche,
  .Experience_Droite,
  .approche-gauche,
  .approche-droite {
    width: 90%;
  }

  .bienvenue img,
  .pourquoi-consulter_index_gauche img,
  .deroulement-seances img,
  .accompagnement-bas_droite img,
  .Qui_suis_je img,
  .Experience img {
    width: 95%;
    height: auto;
  }

  .consultations-cabinet_milieu .groupe2-droite img {
    width: 575px;
  }

  .pourquoi-consulter_gauche img {
    width: 575px;
  }

  .pourquoi-consulter_droite {
    width: initial;
  }

  .pourquoi-consulter_droite img {
    right: 15em;
  }

  .bulle1,
  .bulle2,
  .bulle3,
  .bulle4 {
    position: initial;
    width: 275px;
    height: 275px;
    border-radius: 275px;
    margin-top: 1em;
  }

  .bulle3 img {
    position: relative;
    top: 5.5em;
    left: -4.8em;
  }

  .Qui-suis-je_Droite img {
    margin-top: 2.5em;
  }

  .approche-gauche {
    margin-top: 2em;
  }

  .approche-gauche img {
    width: 50%;
    height: auto;
  }

  .approche-droite img {
    width: 90%;
    height: auto;
  }

  .actualite-card {
    width: 100%;
  }

  .bienvenue_droite,
  .pourquoi-consulter_index_gauche,
  .accompagnement-bas_droite,
  .deroulement-seances_gauche {
    text-align: center;
  }

  .psy {
    text-align: center;
  }

  .consultations-gauche,
  .consultations-droite {
    width: 90%;
    margin: 0 auto;
  }

  .titre {
    justify-content: center;
    margin: 2em 0;
  }

  .mes-formations .titre {
    margin-top: 3em;
  }

  .bienvenue h2,
  .pourquoi-consulter h2,
  .pourquoi-consulter_index h2,
  .accompagnement h2,
  .consultations h2,
  .deroulement-seances h2,
  .actualites h2,
  .mentions_legales h1,
  .Politique_de_confidentialite h1 {
    text-align: center;
  }

  .grand_rond {
    width: 275px;
    height: 275px;
    border-radius: 275px;
    top: 3.5em;
    z-index: -1;
  }

  .petit_rond {
    width: 240px;
    height: 240px;
    z-index: -1;
  }

  .mes-formations {
    margin: 0 auto;
  }

  .bandeau {
    width: 80%;
    align-items: center;
    padding: 1em;
    flex-wrap: wrap;
  }

  .pourquoi-consulter_milieu .groupe1-gauche,
  .pourquoi-consulter_milieu .groupe2-gauche,
  .pourquoi-consulter_milieu .groupe1-droite,
  .pourquoi-consulter_milieu .groupe2-droite {
    width: 90%;
  }

  .bulle3 p {
    padding-left: 2.5em;
  }

  .pourquoi-consulter_droite {
    text-align: center;
  }

  .formes-accompagnement_droite img {
    top: 14em;
    left: -8em;
  }

  .contact {
    padding-left: 0;
  }

  .rdv {
    margin-top: 0;
  }

  .card-visio5 img {
    padding-top: 120px;
  }

  .card-visio2 img,
  .card-visio6 img {
    padding-top: 115px;
  }
}

@media screen and (max-width: 1150px) {
  header h1 {
    font-size: 25px;
    left: 20em;
  }

  header h2 {
    font-size: 18px;
    top: 5em;
  }
}

@media screen and (max-width: 1100px) {
  /* Ancres Approche */

  #ancre-bulle1,
  #ancre-bulle2,
  #ancre-bulle3,
  #ancre-bulle4,
  #ancre-bulle5,
  #ancre-bulle6 {
    position: relative;
    top: -8em;
  }

  #ancre-rond1,
  #ancre-rond2,
  #ancre-rond3,
  #ancre-rond4,
  #ancre-rond5,
  #ancre-rond6 {
    position: relative;
    top: -7em;
  }

  /* Ancres Consultations cabinet */

  #ancre-cabinet1,
  #ancre-cabinet2,
  #ancre-cabinet3,
  #ancre-cabinet5,
  #ancre-cabinet6 {
    position: relative;
    top: -8em;
  }

  #ancre-cabinet7,
  #ancre-cabinet8 {
    position: relative;
    top: -6em;
  }

  /* Ancres Consultations visio */

  #ancre-visio1,
  #ancre-visio2,
  #ancre-visio3,
  #ancre-visio5,
  #ancre-visio6,
  #ancre-visio7 {
    top: -6em;
  }

  #ancre-visio8,
  #ancre-visio9 {
    top: -6em;
  }

  nav {
    margin: 2em auto;
  }

  .nav-haut ul li:last-of-type {
    display: none;
  }

  #responsive__icon {
    display: block;
  }

  .nav-bas {
    display: none;
  }

  .responsive__navigation {
    height: 100vh;
    background: #ffffff;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    display: none;
    padding-top: 3.5em;
    border: 10px solid #c7d2d9;
    border-bottom-width: 20px;
    border-bottom-style: solid;
    border-bottom-color: rgb(199, 210, 217);
    border-bottom: none;
    z-index: 5;
    box-sizing: border-box;
    text-align: center;
  }

  .infos-pratiques {
    flex-direction: column;
    margin: 0;
  }

  .infos-pratiques_gauche,
  .infos-pratiques_droite {
    width: 90%;
    margin: 1em auto;
  }

  .associations {
    width: 75%;
  }

  .associations ul {
    flex-direction: column;
  }
}

@media screen and (max-width: 1075px) {
  .Qui_suis_je,
  .ExperienceFlex,
  .approche {
    margin: 1em auto;
  }

  .logo p {
    left: 0;
    text-align: center;
  }

  .footer_links {
    width: 50%;
    flex-direction: column;
    text-align: center;
  }

  .footer li {
    font-size: 12px;
  }

  .links1,
  .links2,
  .links3 {
    margin-top: 2em;
  }
}

@media screen and (max-width: 1025px) {
  header h1 {
    left: 18em;
  }

  header h2 {
    top: 4.5em;
    left: 24em;
  }

  .specialites,
  .rdv {
    margin-top: 2em;
  }
}

@media screen and (max-width: 1019px) {
  .formulaire-container {
    padding: 1em 0;
  }

  .formulaire-flex {
    flex-direction: column;
  }

  .contact-formulaire,
  .map-container {
    margin: 0 auto;
    width: 80%;
  }
}

@media screen and (max-width: 975px) {
  header h1,
  header h2 {
    display: none;
  }

  .cta-flex {
    display: flex;
    justify-content: space-between;
    width: 90%;
    margin: 0 auto;
  }

  .rdv-consultation .cta-card {
    width: 100%;
    margin-top: 2em;
  }
}

@media screen and (max-width: 845px) {
  .card-visio2 img,
  .card-visio6 img {
    padding-top: 130px;
  }

  .card-visio5 img {
    padding-top: 137px;
  }
}

@media screen and (max-width: 800px) {
  /* Ancres Pourquoi consulter ? */

  #ancre-groupe1,
  #ancre-groupe2,
  #ancre-groupe3,
  #ancre-groupe4 {
    position: relative;
    top: -6.5em;
  }

  .grand_rond {
    width: 195px;
    height: 195px;
    border-radius: 195px;
    right: 5em;
  }

  .petit_rond {
    background: #fcd3ad;
    width: 125px;
    height: 125px;
    border-radius: 125px;
    position: absolute;
    right: 20em;
    z-index: -1;
  }

  .bandeau1,
  .bandeau2,
  .bandeau3,
  .bandeau5,
  .bandeau6,
  .bandeau7,
  .bandeau8,
  .visio-bandeau1,
  .visio-bandeau2,
  .visio-bandeau3,
  .visio-bandeau4,
  .visio-bandeau6,
  .visio-bandeau7,
  .visio-bandeau8,
  .visio-bandeau9 {
    width: 148px;
    height: 51px;
    padding: 2.5em 0.5em;
  }

  .bandeau4 {
    background: #8277a4;
    color: #ffffff;
    border-radius: 20px;
    position: relative;
    width: 176px;
    padding: 1em 0;
  }

  .bandeau4 p {
    font-size: 15px;
  }

  .consultations-cabinet a,
  .consultations-visio a {
    font-size: 13px;
  }
  .cta-flex {
    flex-direction: column;
  }

  .cta-flex_gauche,
  .cta-flex_droite {
    width: 90%;
    margin: 1em auto;
  }

  .italic p {
    text-align: center;
  }

  .consultations-cabinet_bas p i,
  .italic {
    margin-left: 0;
  }

  .responsive__navigation ul li.sousMenu,
  .responsive__navigation ul li a {
    font-size: 15px;
  }
}

@media screen and (max-width: 750px) {
  /* Ancres Approche */

  #ancre-bulle1,
  #ancre-bulle2,
  #ancre-bulle3,
  #ancre-bulle4,
  #ancre-bulle5,
  #ancre-bulle6 {
    position: relative;
    top: -5em;
  }

  #ancre-rond1,
  #ancre-rond2,
  #ancre-rond3,
  #ancre-rond4,
  #ancre-rond5,
  #ancre-rond6 {
    position: relative;
    top: -6em;
  }

  /* Ancres Consultations cabinet */

  #ancre-cabinet1,
  #ancre-cabinet2,
  #ancre-cabinet3,
  #ancre-cabinet5,
  #ancre-cabinet6 {
    position: relative;
    top: -6em;
  }

  #ancre-cabinet7,
  #ancre-cabinet8 {
    position: relative;
    top: -4em;
  }

  .logo img {
    width: 300px;
  }

  .nav-haut a {
    font-size: 15px;
  }

  .pourquoi-consulter_gauche img {
    width: 90%;
    height: auto;
  }

  .pourquoi-consulter_droite img {
    right: 0;
    top: 1em;
  }

  .formes-accompagnement_gauche img {
    width: 100%;
    height: auto;
  }
  .cabinet-liste1,
  .cabinet-liste2,
  .cabinet-liste3,
  .ligne-liste1,
  .ligne-liste2,
  .ligne-liste3,
  .ligne-liste4 {
    margin-left: 0;
  }

  .remboursement {
    padding: 2em 1em;
  }

  .consultations-cabinet_droite img {
    bottom: -5em;
  }

  .consultations-visio_droite img {
    top: 5em;
    right: 0;
    position: relative;
  }

  .bulle img {
    top: 0.5em;
  }

  img.img60 {
    top: 0;
  }

  img.img61 {
    top: 1em;
  }

  .bulle p {
    top: 6.5em;
    font-size: 14px;
  }

  .bulle3 img {
    position: relative;
    top: 3.5em;
    left: -5em;
  }

  .formulaire-intro h2 {
    font-size: 20px;
  }

  .formulaire-intro p {
    font-size: 16px;
  }
}

@media screen and (max-width: 670px) {
  /* Ancres Consultations visio */

  #ancre-visio8,
  #ancre-visio9 {
    top: -4em;
  }

  .formations {
    width: 100%;
  }

  .formations li span {
    font-size: 16px;
    margin-top: 1em;
  }

  .formes-accompagnement_droite img {
    top: 10em;
    left: -8em;
  }
}

@media screen and (max-width: 650px) {
  /* Ancres Approche */

  #ancre-bulle1,
  #ancre-bulle2,
  #ancre-bulle3,
  #ancre-bulle4,
  #ancre-bulle5,
  #ancre-bulle6 {
    position: relative;
    top: -5em;
  }

  .actualites_groupe,
  .consultations {
    width: 100%;
  }

  .logo {
    text-align: center;
  }

  .consultations-gauche,
  .consultations-droite {
    width: 90%;
    margin: 0 auto;
  }

  .footer_links {
    width: 90%;
  }

  .links3 li {
    width: 45%;
    margin: 0 auto;
    justify-content: space-around;
  }

  .links3 ul {
    margin: 1em auto;
  }

  .consultations-cabinet_gauche img,
  .consultations-visio_gauche img {
    width: 100%;
    height: auto;
  }

  .consultations-cabinet_droite img,
  .consultations-visio_droite img {
    width: 85px;
  }

  .consultations-cabinet_milieu .groupe1-droite img,
  .consultations-cabinet_milieu .groupe2-droite img,
  .consultations-cabinet_milieu .groupe3-droite img {
    width: 90%;
    height: auto;
  }
}

@media screen and (max-width: 595px) {
  .trait {
    width: 45px;
  }

  .bienvenue h2,
  .pourquoi-consulter h2,
  .pourquoi-consulter_index h2,
  .accompagnement h2,
  .consultations h2,
  .deroulement-seances h2,
  .actualites h2,
  .mentions_legales h1,
  .Politique_de_confidentialite h1 {
    font-size: 18px;
  }
}

@media screen and (max-width: 585px) {
  .nav-haut a {
    font-size: 12px;
  }

  .pourquoi-consulter_index,
  .deroulement-seances,
  .consultations-groupe,
  .actualites_groupe {
    flex-direction: column;
    width: 90%;
    margin: 2em auto;
  }

  .formations li span {
    font-size: 14px;
  }

  .actualites-gauche,
  .actualites-droite {
    width: 100%;
  }
}

@media screen and (max-width: 575px) {
  .consultations-groupe {
    width: 100%;
  }

  .consultations-cabinet_gauche .visio {
    justify-content: space-around;
    padding: 2em 0.5em;
  }

  .consultations-cabinet_droite .visio {
    justify-content: space-between;
    padding: 2em 0.5em;
  }

  .card-visio1 h3,
  .card-visio2 h3,
  .card-visio3 h3,
  .card-visio4 h3,
  .card-visio5 h3,
  .card-visio6 h3 {
    font-size: 12px;
  }

  .card-visio1 p,
  .card-visio2 p,
  .card-visio3 p,
  .card-visio4 p,
  .card-visio5 p,
  .card-visio6 p {
    font-size: 10px;
  }

  .card-visio2 img,
  .card-visio6 img {
    padding-top: 126px;
  }

  .card-visio5 img {
    padding-top: 132px;
  }
}

@media screen and (max-width: 545px) {
  .associations {
    width: 80%;
  }

  .Qui-suis-je_Gauche h1,
  .Experience h2,
  .contact h1,
  .approche-gauche h1,
  .specialites h2,
  .pourquoi-consulter_gauche h1,
  .consultations-cabinet h1,
  .consultations-visio_gauche h1,
  .mentions_legales h1,
  .Politique_de_confidentialite h1,
  .Politique_de_confidentialite h3,
  .mentions_legales h3 {
    font-size: 22px;
  }

  .cabinet-liste1 {
    justify-content: space-around;
  }
}

@media screen and (max-width: 520px) {
  .petit_rond {
    right: 15em;
  }

  .liste1 {
    margin-top: -4em;
  }

  .liste2 {
    margin-top: -2.5em;
    padding: 1em;
  }

  .liste3 {
    margin-top: -1em;
  }

  .rond1,
  .rond2,
  .rond3,
  .rond4,
  .rond5,
  .rond6 {
    margin-top: 1em;
    width: 100px;
    height: 100px;
    border-radius: 100px;
  }

  .rond1 p,
  .rond2 p,
  .rond3 p,
  .rond4 p,
  .rond5 p,
  .rond6 p {
    text-align: center;
  }

  .rond1 p a,
  .rond2 p a,
  .rond3 p a,
  .rond4 p a,
  .rond5 p a,
  .rond6 p a {
    font-size: 12px;
  }

  .formes-accompagnement_droite img {
    top: -2em;
    left: -7em;
    transform: rotate(75deg);
    width: 100px;
  }
  .liste2 {
    padding: 1em 0;
  }
}

@media screen and (max-width: 510px) {
  body {
    border: 10px solid #c7d2d9;
  }

  .bandeau {
    margin: 0 auto;
  }

  .click img {
    width: 85px;
  }
  .infos-pratiques_gauche li,
  p {
    font-size: 15px;
  }

  .associations {
    width: 85%;
  }

  .consultations-gauche h3,
  .consult-flex h3 {
    font-size: 16px;
  }

  .consultations-visio_droite {
    padding: 0 0.5em;
  }

  .consultations-cabinet a,
  .consultations-visio a,
  .card-visio1 h3,
  .card-visio2 h3,
  .card-visio3 h3,
  .card-visio1 h3,
  .card-visio4 h3,
  .card-visio5 h3,
  .card-visio6 h3 {
    font-size: 12px;
  }

  .bandeau4 p,
  .visio-bandeau5 p {
    font-size: 16px;
    font-weight: bold;
  }

  .card-visio1 img:nth-of-type(2) {
    width: 50px;
  }

  .card-visio3 img:nth-of-type(2),
  .card-visio4 img:nth-of-type(2),
  .card-visio4 img:nth-of-type(2),
  .card-visio4 img:nth-of-type(3) {
    width: 55px;
  }

  .card-visio4 img:nth-of-type(3) {
    width: 40px;
    padding-top: 1em;
  }

  .card-visio2 img {
    padding-top: 120px;
  }

  .card-visio5 img {
    width: 45px;
    padding-top: 127px;
  }

  .card-visio6 img {
    padding-top: 122px;
  }

  .card-visio1 img:nth-of-type(3),
  .card-visio2 img,
  .card-visio3 img:nth-of-type(3),
  .card-visio6 img {
    width: 35px;
  }

  .card-visio1 p,
  .card-visio2 p,
  .card-visio3 p,
  .card-visio4 p,
  .card-visio5 p,
  .card-visio6 p {
    font-size: 8px;
  }

  .Experience_Droite a {
    font-size: 14px;
  }

  footer li a {
    font-size: 16px;
  }

  .pourquoi-consulter_droite {
    width: 100%;
  }

  .flex-bulle {
    display: flex;
    justify-content: space-around;
  }

  .bulle1,
  .bulle2,
  .bulle3,
  .bulle4 {
    width: 90px;
    height: 90px;
    border-radius: 95px;
    margin-top: 1em;
  }

  .bulle1 p,
  .bulle2 p,
  .bulle3 p,
  .bulle4 p {
    font-size: 10px;
  }

  .bulle3 p {
    padding-left: 0;
  }

  .bulle3 img {
    display: none;
  }

  .pourquoi-consulter_droite img {
    width: 85px;
  }
}

@media screen and (max-width: 475px) {
  .bienvenue a,
  .pourquoi-consulter_index a,
  .accompagnement a,
  .podcasts a,
  .consultations-gauche a,
  .deroulement-seances a,
  .actualites a,
  .cta-flex a {
    padding: 0.75em 1em;
    border-radius: 10px;
    font-size: 15px;
  }
}

@media screen and (max-width: 450px) {
  .logo img {
    width: 250px;
  }

  #responsive__icon {
    top: 1.2em;
  }

  .bulle {
    width: 125px;
    height: 125px;
    border-radius: 125px;
    margin-top: 1em;
  }

  .img35 {
    width: 25px;
  }

  .img60 {
    width: 40px;
  }

  .img70 {
    width: 45px;
  }

  .bulle img {
    top: 0;
  }
  .bulle p {
    top: 5.5em;
    font-size: 12px;
  }

  img.img61 {
    top: 0.75em;
  }
}