@font-face{
  font-family:'Adobe Garamond Pro'; 
  src:url('/wp-content/themes/Aristote/ressources/fonts/AGaramondPro-Regular.otf'); 
}

html,
body {
  font-family: 'Poppins', sans-serif;
  scroll-behavior: smooth;
  margin: 0;
  padding: 0;
  font-size:18px;
  background-color:#F4F4F4;
  -webkit-font-smoothing: antialiased;
}


input[type=button]{
	cursor:pointer;
}

a{
  color:  #008A83;
  text-decoration: underline;</a>
  font-weight:normal;
  transition:0.5s;
}

h1{
  font-family:'Adobe Garamond Pro';
  margin:0;
}

h2{
  font-family: 'Poppins', sans-serif;
  margin-bottom:10px;
  margin-top:0;
  font-weight:bold;
  text-transform:uppercase;
  color:#555555;
  font-size:20px;
}

h3{
  font-family:'Adobe Garamond Pro';
}

p{
  margin:0;
  padding:0;
}

li::marker{
  color:#008A83;
}

.bold{
  font-weight:bold;
}

.btn-container{
  width:100%;
  display:flex;
  justify-content: center;
  align-items: center;
  margin-top:30px;
}

.btn-base{
  color:#008A83;
  border:1px solid #008A83;
  padding:10px 10px;
  transition: 0.3s;
  text-decoration: none;
}

.btn-base:hover{
  background-color:#008A83;
  color:white;
}

@media screen and (max-width:980px){
  h2{
    font-size:18px;
  }

  .btn-base{
    font-size:16px;
  }
}

/* GENERAL */
.black-bg{
  z-index:0;
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  background-color:rgba(0,0,0,0.5);
}

.black-bg-general{
  height: 100vh;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  background-color:rgba(0,0,0,0.5);
}

.white-bg{
  background-color:white;
}

.header-general{
  position:relative;
  height:60vh;
  min-height:600px;
  padding-left:10%;
  padding-right:10%;
  display:flex;
  align-items:center;
  background-size:cover;
  background-position:center;
}

.header-general-text{
    z-index:1;
}

.header-general-text h1{
  font-family: 'Poppins', sans-serif;
  color: white;
  font-weight: normal;
  text-transform: uppercase;
  font-size: 22px;
  margin-top: 0;
  margin-bottom: 10px;
}

.header-general-text p{
  font-family:'Adobe Garamond Pro';
  color:white;
  text-transform:uppercase;
  font-size:60px;
  margin:0;
  margin-top:5px;
  line-height: 1.2;
}

.green-line{
  height:5px;
  background-color:#008A83;
  width:30px;
}

.flash-info{
  z-index:100;
  position:fixed;
  top:150px;
  right:0;
  background-color:#008A83;
  width:400px;
  transition:0.5s;
}

.flash-info-hidden{
  right:-600px;
}

.flash-info-dash{
  width:30px;
  height:4px;
  background-color:white;
  margin-bottom:10px;
}

.flash-info-link{
  font-size: 14px;
  color:white;
  text-decoration: underline;
}

.flash-info-container{
  position:relative;
  padding:20px 70px 20px 20px;
}

.flash-info-close{
  position:absolute;
  top:20px;
  right:20px;
  color:white;
  transform: rotate(45deg);
  font-size:32px;
  line-height: 0.5;
  cursor:pointer;
}

.flash-info-title{
  color:white;
  font-weight:bold;
  text-transform: uppercase;
  font-size:24px;
  line-height:1.2;
}

@media screen and (max-width:980px){
  .flash-info{
    bottom:0;
    top:auto;
    left:0;
    width:100%;
  }

  .flash-info-hidden{
    left:100%;
  }

  .flash-info-link{
    font-size:14px;
  }

  .flash-info-title{
    font-size:18px;
  }

  .header-general-text p{
    font-size:28px;
  }

  .header-general-text h1{
    font-size:18px;
  }
}

/* Navbar */
ul.nav-list-items {
  padding: 0;
  list-style: none;
}

.dropdown {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  position: relative;
  font-size: 18px;
  perspective: 1000px;
  z-index: 100;
  
}
.dropdown:hover {
  cursor: pointer;
}
.dropdown:hover .dropdown_menu li {
  display: block;
  padding:5px 0 5px 10px;
}

.nav-general .dropdown:hover .dropdown_menu li {
  display: block;
  background-color:transparent;
  transition:0.5s;
}

.black .dropdown:hover .dropdown_menu li {
  background-color:white;
}

.nav-general .dropdown:hover .dropdown_menu li a{
  transition:0.3s;
}

.nav-general .dropdown:hover .dropdown_menu li:hover a{
  color:#03b6ad;
}

.black .dropdown:hover .dropdown_menu li:hover a{
  color:#008A83;
}

.navbar-btn{
  background-color: #03b6ad;
  border:2px solid #03b6ad;
  color:white!important;
  line-height: 1em;
  padding:0.125rem 0.75rem;
}

.navbar-btn:hover{
  color: #03b6ad!important;
  background-color: white;
}

.dropdown_menu {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  min-width:170px;
  perspective: 1000px;
  z-index: 1;
  padding-left:0;  
}

.dropdown_menu li {
  display: none;
  color: #fff;
  font-size: 16px;
  opacity: 0;
  transition:0.5s;
}

.dropdown_menu-5 .dropdown_item-1 {
  background-color:rgba(0,0,0,0.6);
  transform-origin: top center;
  border-top:solid 1px rgba(255,255,255,0.4);
  animation: translateX 500ms 60ms ease-in-out forwards;
}
.dropdown_menu-5 .dropdown_item-2 {
  background-color:rgba(0,0,0,0.6);
  transform-origin: top center;
  border-top:solid 1px rgba(255,255,255,0.4);
  animation: translateX 500ms 180ms ease-in-out forwards;
}
.dropdown_menu-5 .dropdown_item-3 {
  background-color:rgba(0,0,0,0.6);
  transform-origin: top center;
  border-top:solid 1px rgba(255,255,255,0.4);
  animation: translateX 500ms 300ms ease-in-out forwards;
}
.dropdown_menu-5 .dropdown_item-4 {
  background-color:rgba(0,0,0,0.6);
  transform-origin: top center;
  border-top:solid 1px rgba(255,255,255,0.4);
  animation: translateX 500ms 420ms ease-in-out forwards;
}
.dropdown_menu-5 .dropdown_item-5 {
  background-color:rgba(0,0,0,0.6);
  transform-origin: top center;
  border-top:solid 1px rgba(255,255,255,0.4);
  animation: translateX 500ms 540ms ease-in-out forwards;
}

.nav-general .dropdown_menu-5 .dropdown_item-1 {
  background-color:rgba(0,0,0,0.6);
  transform-origin: top center;
  border-top:solid 1px #ffffff;
  animation: translateX 500ms 60ms ease-in-out forwards;
}
.nav-general .dropdown_menu-5 .dropdown_item-2 {
  background-color:rgba(0,0,0,0.6);
  transform-origin: top center;
  border-top:solid 1px #ffffff;
  animation: translateX 500ms 180ms ease-in-out forwards;
}
.nav-general .dropdown_menu-5 .dropdown_item-3 {
  background-color:rgba(0,0,0,0.6);
  transform-origin: top center;
  border-top:solid 1px #ffffff;
  animation: translateX 500ms 300ms ease-in-out forwards;
}
.nav-general .dropdown_menu-5 .dropdown_item-4 {
  background-color:rgba(0,0,0,0.6);
  transform-origin: top center;
  border-top:solid 1px #ffffff;
  animation: translateX 500ms 420ms ease-in-out forwards;
}
.nav-general .dropdown_menu-5 .dropdown_item-5 {
  background-color:rgba(0,0,0,0.6);
  transform-origin: top center;
  border-top:solid 1px #ffffff;
  animation: translateX 500ms 540ms ease-in-out forwards;
}

@keyframes translateX {
  0% {
    opacity: 0;
    transform: translateX(60px);
  }
  
  80% {
    transform: translateX(-5px);
  }

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

.nav-general{
  background-color:transparent;
  width: 100%;
  height:100px;
  display: flex;
  position: fixed;
  top: 0;
  z-index: 999;
  transition:0.3s;
}

.nav-general.black{
  background-color: #ffffff;
}

.nav-list-items li.first-lvl {
  padding:10px 0 10px 30px;
  display: inline-block;
  position: relative;
  line-height: 21px;
  text-align: left;
  font-size:16px;  
}

.nav-list-items li.first-lvl.dropdown{
  padding:10px 0px 10px 0px;
  margin-left:30px;
  transition:0.3s;
}

.nav-list-items li.first-lvl.dropdown:hover{
  color:#F4F4F4;
}

.nav-general .nav-list-items li a:hover {
    color:#03b6ad;
}

.black .nav-list-items li a:hover {
  color:black;
}

.nav-list-items li .first-lvl-a {
  color: #fff;
  text-decoration: none;
  transition:0.5s;
}

.black .nav-list-items li .first-lvl-a {
  color: black;
}

.nav-list-items li a:hover {
  color: #fff;
}

.black .nav-list-items li a:hover {
  color: #008A83;
}

.nav-list{
  padding-right:10%;
}

.logo-black a{
  color:black;
  text-decoration: none;
}

.nav-general .logo{
  font-family:'Adobe Garamond Pro';
  position:relative;
  width:20%;
  text-align: center;
  display:flex;
  justify-content: center;
  align-items:center ;
  background-color: transparent;
  padding-left:0;
  font-size:24px;
}

.nav-general.black .logo a{
  color:black;
}

.nav-general .logo a.color-white{
  color:white;
}

.nav-general.black .logo a.color-white{
  color:black;
}

.nav-general .logo a{
  color:black;
  text-decoration: none;
}

.scrolled-top{
  top:-200px;
}

.nav-general .logo img{
    width: 250px;
    position: absolute;
    top: 25px;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
}

.nav-general .nav-list-items li a {
  display: block;
  color: white;
  text-decoration: none;
  transition:0.3s;
}

.black .nav-list-items li a {
  color: black;
}

.nav-general .nav-list{
  width:100%;
  display:flex;
  flex-direction: column;
  align-items: center;
  justify-content: end;
  background-color:transparent;
  width:70%;
  padding:0;
}

.nav-list-items{
  width:100%;
}

.location-list{
  width:100%;
  justify-content: end;
  display:flex;
  margin:0;
  padding:0;
  list-style: none;
}

.location-list li{
  margin-left:30px;
  font-weight:bold;
  text-transform: uppercase;
  font-size:16px;
}

.location-list li a{
  color:white;
  text-decoration: none;
  transition:0.3s;
  font-weight:bold;
}

.location-list li a:hover{
  color: #03b6ad;
}

@media screen and (max-width:1300px){
  .nav-general .nav-list{
    width:80%;
    padding-right:10%;
  }
}

.nav-general .nav-list-items{
  margin-top:10px;
  margin-bottom:0;
  padding-top:0;
  border-top:1px solid white;
  text-align:right;
}

.black .nav-list-items{
  border-top:1px solid black;
}

.nav-general .nav-list-items li ul.dropdown {
  background-color:white;
}

.nav-general .down-arrow{
  margin-bottom:7px;
  transition:0.8s;
}

.nav-general .nav-list-items li:hover .down-arrow {
  transform: rotate(90deg);
}

.black .location-list a{
  color:black;
}

.nav-list-container-mobile{
  opacity:0;
    z-index:-1000;
    height:calc(100vh - 60px);
    margin-top:60px;
    width:0;
    position:absolute;
}

.nav-list-container-mobile a{
  text-decoration: none;
}

.nav-list-container-mobile .vertical, .nav-list-container-mobile .horizontal {
  width: 20px;
}

.nav-mobile-submenu{
  list-style: none;
  padding:0;
  margin:0;
}

.nav-list-container-mobile .accordion .link{
  padding-top:10px;
  padding-bottom:10px;
  padding-left:20px;
  border-top:none;
  font-size:18px;
}

.nav-list-container-mobile .accordion {
  border-bottom: none;
  margin:0;
}

.nav-list-container-mobile .accordion .submenu{
  padding-bottom:0;
}

.nav-list-container-mobile .accordion .right-plus{
  right:20px;
}

.nav-list-container-mobile .accordion .nav-mobile-submenu{
  list-style: none;
  padding-left:20px;
  margin:0;
}

.nav-list-container-mobile .accordion .nav-mobile-submenu li a{
  color:black;
  font-size:16px;
}

.nav-list-menu-item{
  font-family:'Adobe Garamond Pro';
  color:black;
  font-size:20px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 40px;
  padding-left:20px;
  font-size:18px;
  text-transform: uppercase;
}

@media screen and (max-width:1200px){
  .nav-list-container-mobile{
    position:relative;
    margin-left:100%;
    transition:0.3s;
  }

  .nav-general .logo a{
    color:white;
  }

  .scrolled-top{
    top:0;
  }

  #navbar.active{
    background-color: white;
  }

  .active .logo a{
    color:black;
  }

  .active .nav-list-container-mobile{
    z-index:999;
    opacity:1;
    display:block;
    margin-left:0;
    width:100%;
    background-color: white;
  }

  .nav-general {
    background-color: transparent;
    width: 100%;
    height: 60px;
    position: fixed;
    top: 0;
    z-index: 999;
    transition: 0.3s;
  }

  .burger{
    cursor: pointer;
    display:block;
    position:fixed;
    height:20px;
    width:30px;
    right:20px;
    top:18px;
  }

  .burger span{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:2px;
    background-color: white;
    transition: 0.3s;
  }

  .nav-general .burger span{
    background-color: white;
  }

  .burger span.middle{
    top:10px;
  }

  .burger span.bottom{
    top:20px;
  }

  .burger.toggle .top{
    transform: rotate(45deg) translateY(11px) translateX(3px);
  }

  .burger.toggle .bottom{
    transform: rotate(-45deg) translateY(-11px) translateX(3px);
  }

  .burger.toggle .middle{
    transform: translateX(100px);
  }
  
  .black .burger span{
    background-color: black;
  }

  .burger.toggle span{
    background-color: black;
  }

  .nav-general .logo{
    position:absolute;
    top:50%;
    transform: translateY(-50%);
    width: auto;
    display: block;
    padding-left: 20px;
    font-size: 20px;
  }

  .nav-general .nav-list{
    display:none;
  }

  .logo-black a{
    color:white;
  }
}

/* HOME */
.home-header{
  position:relative;
  height:100vh;
  overflow:hidden;
}

.header-container{
  position:relative;
  height:100%;
  width:100%;
  max-width:100vw;
  display:flex;
  flex-direction:row;
}

.choice{
  position:relative;
  height:100%;
  width:50vw;
  transition:2s;
}

.logo-aristote{
  position:absolute;
  right:-100px;
  top:50%;
  transform: translateY(-50%);
  z-index:1;
}

.choice .logo-aristote p{
  font-size:2rem;
  color:white;
}

.choice .logo-aristote img{
  width:200px;
}

@media screen and (max-width:980px){
  .logo-aristote{
    position:absolute;
    right:-75px;
    bottom:-110px;
    top:auto;
    transform: translateY(0);
    z-index:1;
  }
  
  .choice .logo-aristote p{
    font-size:2rem;
    color:white;
  }
  
  .choice .logo-aristote img{
    width:150px;
  }
}

.choice:hover {
  width:90vw;
}

.hover{
  width:90vw;
}

.not-hover{
  width:10vw;
}

.choice video{
  height:100%;
  width:100%;
  object-fit:cover;
}

.choice img{
  height:100%;
  width:100%;
  object-fit:cover;
}

.choice-text{
  text-align:center;
  position:absolute;
  bottom:100px;
  left:50%;
  transform:translateX(-50%);
  transition:1s;
}

.choice-text h2{
  font-family:'Adobe Garamond Pro';
  color:white;
  font-weight:normal;
  margin-bottom:0;
  font-size:32px;
  text-decoration: underline;
  transition:0.3s;
}

.choice-text a{
  color:white;
}

.choice-text a:hover h2{
  color:#008A83;
}

.choice.not-hover .choice-text{
  transform:rotate(-90deg) translateX(50px);
  left:0;
}

.choice-prestation{
  display:grid;
  grid-template-columns: 200px 200px 200px;
  gap:10px;
  transition:1s;
  margin-bottom:30px;
}

.choice-prestation p{
  margin:0;
  padding:0;
}

@media screen and (min-width:980px){
  .choice.not-hover .choice-prestation{
    opacity:0;
    margin:0;
    height:0;
    overflow:hidden;
  }
}

@media screen and (max-width:980px){
  .header-container{
    position:relative;
    height:100%;
    width:100%;
    max-width:100vw;
    display:grid;
    grid-template-columns: 1fr;
  }

  .choice-text{
    width:100%;
    text-align:center;
    position:absolute;
    top:50%;
    transform: translateY(-50%);
    left:auto;
    right:auto;
    transform:translateX(0);
  }

  .choice.not-hover .choice-text{
    transform:rotate(0) translateX(0);
    left:auto;
  }

  .choice{
    position:relative;
    height:50vh;
    width:100%;
    transition:0.5s;
  }
  
  .choice:hover {
    width:100%;
  }
}

.presentation{
  padding-left:10%;
  padding-right:10%;
  padding-top:100px;
  padding-bottom:100px;
}

.presentation-container{
  display:grid;
  grid-template-columns:1fr 1fr;
}

.presentation-text{
  margin:auto;
  width:100%;
  order:2;
}

.text-content{
  padding-left:10%;
}

.slider{
  min-width:100%;
  order:1;
}

.slide{
  display: block;
  width: 100%;
  height: 500px;
  object-fit: cover;
  position: relative;
}

.swiper-button-next, .swiper-button-prev{
  color:white;
}

.swiper-pagination-bullet{
  border:1px solid white;
  opacity:1;
  background-color: transparent;
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap,2px);
}

.swiper-pagination-bullet-active{
  background-color:white;
}

.slide img{
  width:100%;
  height:100%;
  object-fit:cover;
}

@media screen and (max-width:980px){
  .presentation{
    padding-top:50px;
    padding-bottom:50px;
  }

  .slide{
    height: 300px;
  }
}

.banner-contact{
  padding-left:10%;
  padding-right:10%;
  padding-top:75px;
  padding-bottom:75px;
  position:relative;
}

.banner-contact a{
  text-decoration: none;
}

.banner-contact-image{
  width:100%;
  height:100%;
  position:absolute;
  z-index:0;
  top:0;
  left:0;
  overflow:hidden;
}

.banner-contact-image img{
  width:100%;
  height:100%;
  object-fit: cover;
  transition:0.5s;
}

.banner-contact:hover .banner-contact-image img{
  transform: scale(1.05);
}

.banner-contact-bg{
  position:absolute;
  width:100%;
  height:100%;
  z-index:1;
  top:0;
  left:0;
  background: rgb(0,138,131);
  background: linear-gradient(90deg, rgba(0,138,131,1) 39%, rgba(255,255,255,0) 100%);
}

.banner-contact-text{
  position:relative;
  z-index:2;
}

.banner-contact-text h3{
  color:white;
  position:relative;
  width:fit-content;
} 

.banner-contact-text h3::before{
  background-color:white;
  content:"";
  position:absolute;
  height:3px;
  width:0;
  left:0;
  bottom:0px;
  transition:0.3s;
}

.banner-contact:hover .banner-contact-text h3::before{
  width:100%;
}

@media screen and (max-width: 980px) {
  .banner-contact-text h3 img{
    height:20px;
    object-fit: contain;
    margin-left:5px;
  }
}

.banner-contact-text p{
  color:white;
  max-width:500px;
}



.square {
  position: relative;
  width: 50%;
}

.square:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.sub-title{
  text-transform:uppercase;
  font-weight:900;
  font-size:16px;
  margin-top:15px;
  margin-bottom:5px;
  color:#008A83
}

.text-content p{
  margin-bottom:10px;
  margin-top:10px;
}

.green-btn{
  background-color:white;
  border:1px solid #008A83;
  padding:10px 20px;
  color:#008A83;
}

.competence{
  position:relative;
  padding-left:10%;
  padding-right:10%;
  padding-top:100px;
  padding-bottom:100px;
  background-color:rgba(0,138,131,0.3);
}

.list-container{
  width: 40%;
  height: 500px;
  display: flex;
  background-color: white;
  padding-top: 40px;
  padding-bottom: 40px;
  padding-left: 50px;
  flex-direction: column;
  justify-content: center;
}

.logo-green-aristote{
  position:absolute;
  top:50%;
  transform: translateY(-50%);
  left: calc(40% - 150px);
}

.logo-green-aristote img{
  width:300px;
  opacity:0.3;
}

@media screen and (max-width:1600px){
  .logo-green-aristote{
    position:absolute;
    top:50%;
    transform: translateY(-50%);
    left: calc(40% - 100px);
  }

  .logo-green-aristote img{
    width:200px;
    opacity:0.3;
  }
}

@media screen and (max-width:1400px){
  .logo-green-aristote{
    display:none;
  }
}

@media screen and (max-width:980px){
  .logo-green-aristote{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -100px;
    left: auto;
    display:block;
  }
}

.img-list{
  list-style:none;
  padding-left:0;
}

.img-list a{
  color:black;
  text-decoration:none;
}

.img-list li{
  font-family:'Adobe Garamond Pro';
  text-transform:uppercase;
  list-style:none;
  padding-bottom:10px;
  font-size:22px;
  width:70%;
  line-height: 1.1;
}

.img-list a li.active span{
  font-weight:bold;
}

.img-list a sup{
  opacity:0;
  font-weight:bold;
  text-decoration:none;
  color:#008A83;
  transition:0.3s;
  margin-left:5px;
}

.img-list a .active sup{
  opacity:1;
  text-decoration: none;
}

.item-img{
  opacity:0;
  position:absolute;
  width:50%;
  height:640px;
  right:10%;
  top:70px;
  transition:0.5s;
}

.img-list li img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.img-list li.active .item-img{
  opacity:1;
}

.home-avantages{
  padding-top:50px;
  padding-bottom:50px;
  padding-left:10%;
  padding-right:10%;
}

.home-avantages-title{
  display:flex;
  flex-direction: column;
  align-items:center;
}

.home-avantages-title h3{
  text-align: center;
}

.home-avantages-content-item-number p{
  color:#008A83;
  font-size:22px;
}

.home-avantages-content-item{
  display:grid;
  grid-template-columns: 1fr 3fr 3fr;
  gap:30px;
  padding-top:30px;
  padding-bottom:20px;
  border-top:1px solid black;
}

.home-avantages-content-item:last-of-type{
  border-bottom:1px solid black;
}

.home-avantages-content-item-title h4{
  font-family:'Adobe Garamond Pro'; 
  font-size:22px;
  text-transform: uppercase;
  margin:0;
  font-weight:normal;
}

@media screen and (max-width:980px){
  .home-avantages-content-item-title h4{
    margin-top:10px;
    margin-bottom:10px;
  }

  .competence{
    padding-top:50px;
    padding-bottom:50px;
  }

  .img-list li{
    width:100%;
    font-size:20px;
    text-align:center;
  }

  .img-list a li.active span{
    font-weight: normal;
    text-decoration: none;
  }

  .img-list a sup{
    opacity:1;
    margin-left:5px;
  }

  .img-list{
    padding-left:20px;
    padding-right:20px;
  }

  .list-container{
    width: auto;
    height: auto;
    background-color: white;
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left:0;
    align-items: center;
    display: flex;
    position:relative;
    overflow: hidden;
  }

  .item-img{
    display:none;
  }

  .home-avantages-content-item{
    display:grid;
    grid-template-columns: 1fr;
    gap:0px;
    padding-top:20px;
    padding-bottom:20px;
    border-top:1px solid black;
  }

  .presentation-container{
    display:grid;
    grid-template-columns:1fr;
    gap:30px;
  }

  .presentation-text{
    order:0;
  }

  .text-content{
    padding-left:0;
  }
}

.tabgroup{
  position:relative;
  height:90vh;
  min-height:500px;
}

.tabgroup .slide{
  height:90vh;
  min-height:400px;
}

.tabgroup .swiper-slide{
  position:relative;
}

.tabgroup .black-bg{
  z-index:5;
}

.tabs{
  z-index:10;
  position:absolute;
  list-style:none;
  margin:0;
  padding:0;
  top:30px;
  left:0;
  width:100%;
  display:flex;
}

.tabs li{
  font-size:24px;
  text-transform: uppercase;
  height:100px;
  width:50%;
  padding-left:20px;
  padding-right:20px;
}

.tabs li a{
  transition: 0.3s;
  text-decoration: underline;
  color:white;
  font-weight:normal;
}

.tabs li a.active{
  font-weight:700;
}

.tabs li:first-of-type{
  text-align:right;
}

@media screen and (max-width:980px){
  .tabgroup{
    position:relative;
    height:50vh;
    min-height:300px;
  }
  
  .tabgroup .slide{
    height:50vh;
    min-height:300px;
  }

  .tabs{
    top:10px;
  }

  .tabs li{
    font-size:16px;
    height:30px;
    padding-left:10px;
    padding-right:10px;
  }
}

/* Remise en forme */
.left-menu-scroll {
  position: relative;
}

.logo-left{
  z-index:0;
  position:fixed;
  left:-300px;
  top:0;
}

.logo-left img{
  width:600px;
}

.header-img {
  height: 100vh;
  position: absolute;
  top: 0;
  right: 0;
  width: 66.66%;
}

.title-header-img{
  position:absolute;
  height:100vh;
  top:0;
  right:0;
  width:66.66%;
  display:flex;
  align-items: center;
}

.title-header-img h1{
  font-family: 'Poppins', sans-serif;
  color:white;
  font-weight:bold;
  text-transform:uppercase;
  font-size:24px;
  margin-top:0;
  margin-bottom:10px;
}

.title-header-img p{
  font-family:'Adobe Garamond Pro'; 
  color:white;
  text-transform:uppercase;
  font-size:60px;
  margin:0;
  margin-top:5px;
}

.title-header-img .text-content{
  color:white;
  margin-left:10%;
  padding-right:10%;
}

.header-img img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.left-menu {
  position: absolute;
  bottom: 50px;
  left: 10%;
}

.left-menu a{
  color:#008A83;
}

.left-menu a.active{
  color:#008A83;
  font-weight:bold;
}

.left-menu ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.left-menu ul li {
  padding: 0;
  margin: 0;
}

.left-menu ul li p{
  position:relative;
  display:inline-block;
  padding: 0;
  margin: 0;
}

.left-menu a li p::before{
  position:absolute;
  content:"";
  width:20px;
  height:1px;
  background-color:#008A83;
  top:50%;
  transform: translateY(-50%);
  right:-30px;
}

.fixed {
  position: fixed;
}

.right-content {
  padding-top: calc(100vh + 100px);
  width: 66.66%;
  margin-left: 33.33%;
}

.section-flexible{
  padding-right: 15%;
  padding-bottom: 100px;
}

.right-content .testimony#testimony{
  padding-inline:0;
}

.right-content .testimony#testimony .testimony-container{
  padding-inline:4rem;
}

.right-content .testimony#testimony .temoin-card{
  box-shadow: none;
}

.right-content #accompagnement, 
.right-content #avantages, 
.right-content #programmes, 
.right-content #contact,
.right-content #testimony,
.right-content #balance, 
.right-content #resultat, 
.right-content #deroulement,
.right-content #cours,
.right-content #agenda-delemont,
.right-content #agenda-porrentruy {
  padding-right:15%;
  padding-bottom:100px;
}

@media screen and (max-width:980px){
  .right-content #agenda-delemont,
  .right-content #agenda-porrentruy{
    padding-right:0;
  }
}

.right-content .home-avantages-title{
  display: flex;
  flex-direction: column;
  align-items: start;
}

.right-content .home-avantages-title h3{
  text-align: left;
}

.right-content .wpcf7-text{
  margin-bottom:15px;
  padding-top:15px;
}

.right-content select.classic{
  margin-bottom:15px;

}

.right-content .wpcf7-textarea{
  margin-bottom:15px;
  height:100px;
  padding:10px;
  width:calc(100% - 20px);
}

.right-content h2{
  margin-bottom:10px;
  margin-top:0;
  font-weight:bold;
  text-transform:uppercase;
  color:#8f8f8f;
  font-size:16px;
}

.big-h3{
  font-size:32px;
  text-transform:uppercase;
  margin-top:10px;
  margin-bottom:10px;
}

.step-grid{
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  margin-top:30px;
  gap:30px 0;
}

.step{
  padding-right:30px;
}

.step-number{
  margin:0;
  padding:0;
  color:#008A83;
}

.step-title{
  margin:10px 0 10px 0;
  text-transform:uppercase;
  font-weight:bold;
  color: #03b6ad;
}

.step-text{
  color:#8f8f8f;
}

.avantages-list{
  display:grid;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top:14px;
}

.avantages-list ul{
  padding-left:20px;
}

.avantages-list ul p{
  margin-bottom:10px;
  text-transform:uppercase;
}

.avantages-list ul li{
  margin-bottom:5px;
}

.avantages-list ul li p{
  text-transform: none;
}

.avantages-list ul li::marker{
  color:#008A83;
}

.avantages-list ul .avantages-title{
  font-weight:bold;
  margin-bottom:5px;
  color: #03b6ad;
}

.accordion {
  display:flex;
  flex-direction:column;
  width: 100%;
  list-style: none;
  padding-left: 0;
  border-bottom:1px solid black;
}

.accordion .link {
  font-family:'Adobe Garamond Pro';
  position:relative;
  cursor: pointer;
  display: block;
  color: black;
  text-transform: uppercase;
  font-size: 22px;
  padding-top:20px;
  padding-bottom:20px;
  padding-right:40px;
  position: relative;
  border-top:1px solid black;
}

.accordion .link .badge-cours{
	color:#008A83;
	font-weight:thin;
	font-size:0.8rem;
}

.right-plus{
  width:30px;
  height:30px;
  position:absolute;
  right:0;
  top:50%;
  transform: translateY(-50%);
}

.plus{
  width:30px;
  height:30px;
  position:relative;
}

.vertical, .horizontal{
  position:absolute;
  top:50%;
  transform: translateY(-50%);
  left:0;
  width:30px;
  height:2px;
  background-color:#008A83;
  transition:0.3s;
}

.horizontal{
  transform: rotate(90deg);
}

.open .horizontal{
  transform: rotate(00deg);
}

.accordion ul{
  list-style: disc;
  padding-left:20px;
  margin-top:20px;
}

.accordion ul li{
  margin-bottom:10px;
}

.accordion ul li::marker{
  color:#008A83;
}

.accordion li:last-child .link {
  border-bottom: 0;
}

.submenu {
  list-style: none;
  display: none;
  padding-bottom:20px;
}

.programmes-prix{
  color:#008A83;
  font-weight: bold;
  margin-top:20px;
}

.programmes-prix span{
  font-weight: normal;
}

@media screen and (max-width:980px){ 
  .big-h3{
    font-size:20px;
    text-transform:uppercase;
    margin-top:10px;
  }

  .logo-left{
    display:none;
  }

  .step-grid{
    display:grid;
    grid-template-columns:1fr;
    margin-top:10px;
    gap:10px;
  }

  .avantages-list {
    display: grid;
    grid-template-columns: 1fr;
    margin-top: 14px;
    gap:10px;
  }

  .avantages-list ul {
    margin:0;
  }

  .left-menu-scroll{
    padding-left:10%;
    padding-right:10%;
  }
  
  .header-img {
    width: 100%;
  }
  
  .title-header-img{
    width:100%;
  }
  
  .title-header-img h1{
    display:flex;
    flex-direction: column;
    font-size:18px;
  }

  .right-content .testimony#testimony .testimony-container{
    padding-inline:0;
  }

  .right-content #accompagnement, 
  .right-content #avantages, 
  .right-content #programmes, 
  .right-content #testimony,
  .right-content #balance, 
  .right-content #resultat, 
  .right-content #deroulement,
  .right-content #cours {
    padding-right:0;
    padding-bottom:50px;
  }

  .section-flexible{
    padding-right:0;
    padding-bottom:50px;
  }
  
  .title-header-img p{
    font-size:28px;
  }
  
  .left-menu {
    display:none;
  }
  
  .right-content {
    padding-top: calc(100vh + 50px);
    width: 100%;
    margin-left: 0;
  }

  .accordion .link {
    font-size: 20px;
  }
}

/* Cours collectifs */
.cours-content{
  display:flex;
}

.cours-text{
  width:70%;
  padding-right:50px;
}

.cours-coach{
  width:30%;
}

.cours-coach-name{
  text-align: center;
}

.cours-coach .coach-img{
  width:100%;
  height:auto;
}

.cours-coach .coach-img img{
  width:100%;
  aspect-ratio: 2/2;
  object-fit: cover;
	object-position:top;
  height:auto;
}

.cours-text-horaire{
  margin-top:10px;
}

.cours-text-horaire-title{
  font-weight:bold;
}

.cours-tags{
  margin-top:10px;
  display:flex;
  gap:5px;
}

@media screen and (max-width:980px){
	.cours-tags{
		flex-direction:column;
	}
}

.cours-tag{
  display:inline-block;
}

.cours-tag p{
	background-color:#008A83;
  	border-radius: 5px;
  	color:white;
  	padding:0 10px;
	display:inline-block;
	margin:0;
}

.horaire-title{
  font-family:'Adobe Garamond Pro'; 
  font-weight:bold;
  font-size:20px;
  margin-bottom:10px;
  margin-top:20px;
}

.horaire-title:first{
  margin-top:0px;
}

.agenda img{
  width:100%;
  height:auto;
}

.accordeon-img{
  width:100%;
  max-height:400px;
}

.accordeon-img img{
  width:100%;
  height:100%;
  object-fit:cover;
}

@media screen and (max-width:760px){ 
  .cours-content{
    flex-direction: column;
  }

  .cours-text{
    width:100%;
    padding-right:0;
    margin-bottom:30px;
  }
  
  .cours-coach{
    width:100%;
  }
}


/* Balance */
.balance-content strong{
  color:#008A83;
  font-weight:bold;
}

.balance-content ul{
  padding-left:20px;
}

.deroulement-list{
  list-style: none;
  padding-left:0;
}

.deroulement-list li{
  font-weight:bold;
}

.deroulement-list li::marker{
  color:#008A83;
}

.deroulement-list li span{
  color:#008A83;
}

.hypno-step-title{
  margin-bottom:5px;
  margin-top:0;
}

.hypno-step-text{
  margin-bottom:15px;
}

.resultat-img{
  margin-top:20px;
  width:100%;
  height:auto;
}

.resultat-img img{
  width:100%;
  height:auto;
}

/* Actualités */

.actualites{
  padding-left:10%;
  padding-right:10%;
  padding-top:30px;
  padding-bottom:50px;
  min-height:500px;
}

#load-more{
  display:none;
}

.button{
  cursor:pointer;
  color:#555555;
  font-weight:bold;
  text-transform:uppercase;
  background-color:transparent;
  border:none;
  padding:0;
  margin-right:10px;
  transition:0.3s;
  font-size:20px;
}

.button.is-checked{
  color:#008A83;
}

.button-group p{
  font-weight:bold;
  padding-bottom:10px;
  margin:0;
  color:#707070;
}

@media screen and (max-width:980px){
  .button-group div{
    display:flex;
    flex-direction: column;
  }

  .button-group div .button{
    text-align: left;
  }
}

.grid{
  margin-top:30px;
}

.actu-card{
  width:calc(33% - 20px);
  height:auto;
  padding:0 15px 0 0;
	margin-bottom:20px;
}

.carousel-container .actu-card{
  width:100%;
}

.carousel-container .item a{
  color:black;
  text-decoration: none;
}

@media screen and (min-width:980px){
  .carousel-container .owl-stage{
    margin-left:-100px;
  }
}

.img-card{
  z-index:-1;
  height:250px;
  width:100%;
}

.carousel-container .img-card{
  height:400px;
}

.info-card{
  position:relative;
  margin-left:20px;
  margin-right:20px;
  margin-top:-30px;
  padding:20px 40px 20px 20px;
  background-color:white;
  -webkit-box-shadow: 5px 5px 28px -3px #C2C2C2; 
box-shadow: 5px 5px 28px -3px #C2C2C2;
}

.img-card img{
  width:100%;
  height:100%;
  object-fit:cover;
	object-position:top;
}

.date-card{
  position:relative;
  margin-bottom:10px;
  padding-left:10px;
  color:#8f8f8f;
  font-size:14px;
  font-weight:bold;
}

.date-card::before{
  content:"";
  position:absolute;
  left:0;
  top:50%;
  transform:translateY(-50%);
  width:5px;
  height:5px;
  background-color:#008A83;
  border-radius:50%;
}

.type-card{
  text-transform:uppercase;
  font-weight:bold;
  color:#008A83;
  font-size:14px;
  margin-bottom:10px;
}

.title-card{
  text-transform:uppercase;
  font-weight:normal;
  font-size:20px;
  color:black;
  margin:0;
}

.text-card{
  margin-top:5px;
}

.hidden{
  display:none;
}

.other-actu{
  padding-left:10%;
  padding-top:50px;
  padding-bottom:50px;
  position:relative;
}

.btn-other-actu{
  position:absolute;
  bottom:60px;
  right:220px;
}

.other-actu-home{
  padding-bottom:50px;
}

.other-actu-carousel-nav{
  display:flex;
  margin-top:20px;
}

.other-actu-carousel-nav img{
  margin-right:3px;
}

.other-actu .owl-stage,
.team-slider .owl-stage{
  padding-bottom:30px;
}

.card-coach-name{
  color:#008A83;
  font-weight:bold;
}

.card-coach-job{
  font-size:16px;
}

.customNextBtn{
  margin-top:-1px;
}

.customNextBtn, .customPrevBtn{
  cursor:pointer;
  transition: 0.3s;
}

.customNextBtn:hover{
  margin-left:10px;
}

.customPrevBtn:hover{
  padding-right:10px;
  margin-left:-10px;
}

.plus-coach{
  position:absolute;
  bottom:20px;
  right:20px;
  transition: 0.3s;
}

.plus-coach img{
  width:20px!important;
}

.info-card:hover .plus-coach{
  transform: rotate(90deg);
}

@media screen and (max-width:1400px){
  .actu-card{
    width:calc(50% - 15px);
  }
}

@media screen and (max-width:980px){
  .other-actu .owl-stage, .team-slider .owl-stage{
    padding:0;
  }

  .other-actu-carousel-nav img{
    width:50px;
  }

  .customNextBtn:hover{
    margin-left:0;
  }
  
  .customPrevBtn:hover{
    padding-right:0;
    margin-left:0;
  }

  .btn-other-actu{
    position:absolute;
    bottom:50px;
    right:10%;
  }

  .other-actu-carousel-nav{
    margin:0;
    justify-content: start;
  }

  .other-actu{
    padding-right:10%;
  }

  .text-card{
    display:none;
  }
}

@media screen and (max-width:760px){
  .actu-card{
    width:calc(100%);
    padding:0;
    margin-bottom:20px;
  }
}

.single-actu{
  padding-left:10%;
  padding-right:10%;
  padding-top:150px;
  padding-bottom:50px;
}

.single-actu-container{
	max-width:1000px;
	margin:auto;
}

@media screen and (max-width:980px){
	.single-actu-container{
		max-width:100%;
	}
}

.single-actu-content p{
  padding-bottom:20px;
}

.single-actu-content h1{
  font-size:50px;
  margin-top:10px;
  margin-bottom:20px;
  font-family:'Adobe Garamond Pro';
  text-transform: uppercase;
}

.single-actu-content ul{
	padding-left:10px;
}

.single-actu-img{
  width:100%;
  margin-bottom:20px;
}

.single-actu-img img{
  width:100%;
  height:auto;
}

.single-actu-container .wp-block-image img{
	width:100%;
	height:auto;
}

.single-actu-other .single-other-card-container{
	display:grid;
	grid-template-columns:1fr;
	gap: 2rem;
}

@media screen and (min-width:980px){
	.single-actu-other .single-other-card-container{
		grid-template-columns:1fr 1fr;
	}
}

.single-actu-other h3{
  font-family: 'Poppins', sans-serif;
  font-size:18px;
  color:#707070;
}

.single-other-btn{
  margin-top:50px;
}

.wp-block-button__link {
    color: #008A83;
    background-color: transparent;
	border:1px solid #008A83;
    border-radius: 0;
    box-shadow: none;
    text-decoration: none;
    padding: 0.5rem 2rem;
	transition:0.3s;
	font-size:18px;
}

.wp-block-button__link:hover {
    color: white;
    background-color: #008A83;
	border:1px solid #008A83;
}

.single-actu-galerie .slide{
  height:50vh;
  min-height:500px;
}

.single-other-card-container{
  display:grid;
  grid-template-columns: 1fr;
  gap:20px;
}

.single-other-card-container a{
  text-decoration: none;
}

.single-other-card{
  background-color:white;
  padding:20px;
  -webkit-box-shadow: 5px 5px 28px -3px #C2C2C2; 
box-shadow: 5px 5px 28px -3px #C2C2C2;
}

.single-other-card .title-card,
.single-other-card .type-card,
.single-other-card .date-card
{
  margin-bottom:0;
}

.single-other-card .title-card,
.single-other-card .type-card{
  margin-top:5px;
  transition:0.3s;
}

.single-other-card:hover .title-card{
  color:#008A83;
}

.single-date{
  font-family: 'Poppins', sans-serif;
    font-size: 18px;
  margin-bottom:10px;
  font-weight:bold;
  color:#707070;
}

@media screen and (max-width:1300px){
  .single-actu-container{
    display:grid;
    grid-template-columns:1fr;
    gap:30px;
  }
}

@media screen and (max-width:980px){
  .single-actu{
    padding-top:100px;
  }

  .single-actu-content h1{
    font-size:32px;
  }

  .single-actu {
    padding-bottom: 60px;
  }
}

/* Partenaires */
.mobile-tab{
	display:none;
}

. partenaire-tab-d{
	display:block;
}

.partenaire-tabs{
	display:none;
}

.tablink{
	font-size: 1.25rem;
    background: none;
    border: 0;
	position:relative;
	padding:0;
	margin:0;
	transition:0.5s;
}

.tablink::before{
	content:"";
	height:5px;
    background-color:#008A83;
    width:0;
	position:absolute;
	bottom:-7px;
	left:0;
	transition:0.5s;
}

.tablink.active{
	
}

.tablink.active::before{
    width:100%;
}

@media screen and (max-width:980px){
	.mobile-tab{
		display:block;
		padding-top:20px!important;
	}
	.partenaire-tabs{
		padding-left:10%;
		padding-right:10%;
		display: flex;
		gap: 20%;
		justify-content: center;
		padding-top: 50px;
   		background-color: white;
	}
	.partenaire-tab-d{
		display:none;
	}
}

.soins{
  padding-top:50px;
  padding-bottom:50px;
  padding-left:10%;
  padding-right:10%;
}

.big-h2{
  font-size:32px;
  text-transform:uppercase;
  margin:0;
  padding-bottom:15px;
  line-height:1.2;
}

.soin .big-h2{
  font-family:'Adobe Garamond Pro'; 
  border-bottom:1px solid rgba(112, 112, 112, 0.5);
}

.soin{
	padding-right:0;

}

.soin:last-of-type{
  border-right:none;
}

.soin ul{
  padding-top:0;
  padding-left:0;
  list-style:none;
	max-width:300px;
}

.soin a{
  color:#008A83;
  text-decoration:none;
}

.soin li{
  margin-bottom:15px;
}

.soins-grid{
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  border:1px solid white;
	margin-top:30px;
}

@media screen and (max-width:1300px){
  .soins-grid{
    gap:0px;
  }
}

@media screen and (max-width:980px){
  .soins-grid{
    grid-template-columns:1fr;
    gap:30px;
  }

  .soin{
    padding-left:0px;
    border-right:none;
  }
}

.partenaire-presentation{
  padding-left:10%;
  padding-right:10%;
  padding-top:50px;
  padding-bottom:50px;
}

.partenaire-presentation-container{
  display:grid;
  grid-template-columns: 2fr 1fr;
  gap:0 10%;
}

.partenaire-presentation-text p{
 margin-top:10px;
 margin-bottom:10px;
}

.partenaire-presentation-text strong{
  color:#008A83;
 }

.partenaire-tarif{
  padding:50px 20%;
  display:flex;
  flex-direction:column;
  align-items: center;
}

.partenaire-tarif .big-h3{
  text-align: center;
}

.partenaire-tarif-texte{
  text-align: center;
}

.partenaire-adresse{
  order:2;
  display:grid;
  grid-template-columns: 2fr 1fr;
}

.partenaire-photo{
  display:flex;
  justify-content: center;
}

.partenaire-photo img{
  width:200px;
  height:300px;
  object-fit: cover;
}

.partenaire-info-titre{
  font-weight: bold;
  color:#707070;
  margin-top:10px;
}

.partenaire-titre{
  margin-bottom:10px;
}

.partenaire-soins .soins-grid{
  margin-top:10px;
  gap:50px;
}

.partenaire-soins .soin{
  padding-left:0;
}

.partenaire-text{
  margin-top:50px;
  width:80%;
}

.partenaire-text p{
  margin-bottom:10px;
  margin-top:10px;
}

.partenaire-links{
  display:flex;
  flex-direction:column;
  margin-top:10px;
}

@media screen and (max-width:980px){
  .partenaire-presentation-container{
    display:grid;
    grid-template-columns:1fr;
    gap:30px;
  }

  .partenaire-text{
    width:100%;
  }

  .partenaire-tarif{
    padding-left:10%;
    padding-right:10%;
  }

  .partenaire-adresse{
    grid-template-columns:1fr;
    gap:30px;
  }

  .partenaire-photo img{
    width:300px;
  }

  .partenaire-soins .soins-grid{
    margin-top:10px;
    gap:0;
  }
}

/* Aristote */
.about-philo{
  padding-top:150px;
  padding-left:10%;
  padding-right:10%;
  padding-bottom:50px;
}

.certif{
  padding-top:50px;
}

.single-coach{
  padding-top:150px;
}

.philo-container{
  display:grid;
  grid-template-columns: 2fr 3fr;
  gap:50px;
}

.certif-container{
  display:grid;
  grid-template-columns: 3fr 2fr;
  gap:50px;
}

.certif-container .slider{
  order:0;
}

.coach-photo-container{
  display:flex;
  flex-direction:column;
  justify-content: center;
  align-items: center;
  margin-top:100px;
}

.coach-photo-container .coach-photo{
  width:300px;
  height:400px;
}

.coach-photo-container .coach-photo img{
  width:100%;
  height:100%;
  object-fit: cover;
  object-position: center;
}

.certif-container .slide{
  height:100%;
}


.philo-video{
  width:200px;
}

.centered-title{
  display:flex;
  flex-direction:column;
  align-items: center;
  margin-bottom:20px;
  padding-right:10%;
}

.team-slider{
  padding-top:50px;
  padding-bottom:50px;
  padding-left:10%;
}

.gallery-six{
  padding:50px 10% 50px 10%;
}

.gallery-container{
  display:grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap:20px;
}

.gallery-container-mobile{
  display:none;
}

.gallery-item{
  height:300px;
  width:auto;
  overflow:hidden
}

.gallery-item img{
  width:100%;
  height:100%;
  object-fit: cover;
  transition: 0.5s;
}

.gallery-item:hover img{
  transform: scale(1.1);
}

@media screen and (max-width:1400px){
  .gallery-container{
    grid-template-columns: 1fr 1fr;
  }
}

@media screen and (max-width:980px){
  .about-philo{
    padding-top:100px;
  }

  .coach-photo-container{
    margin-top:0px;
  }

  .single-coach{
    padding-bottom:0;
  }

  .centered-title{
    padding-right:0;
  }

  .certif{
    padding-top:50px;
  }

  .philo-container{
    display:grid;
    grid-template-columns: 1fr;
    gap:50px;
  }

  .certif-container{
    display:grid;
    grid-template-columns: 1fr;
    gap:50px;
  }

  .philo-container .slide{
    height:400px;
  }
	
	.certif-container .slide img{
		height:auto;
	}

  .certif-container .slider{
    order:2;
  }

  .team-slider{
    padding-right:10%;
  }

  .gallery-six{
    padding:50px 10% 50px 10%;
  }

  .gallery-container{
    display:none;
  }

  .gallery-container-mobile{
    display:block;
  }
}

/* Ville */
.header-ville{
  height:70vh;
  display:flex;
  justify-content: center;
  align-items: center;
}

.logo-ville{
  z-index:1;
  display:flex;
  flex-direction:column;
  align-items: center;
}

.logo-ville h1{
  font-size:2.5rem;
  color:white;
  margin:0;
  font-weight:normal;
  text-transform: uppercase;
}

.logo-ville-img{
  width:150px;
}

.logo-ville-img img{
  width:100%;
}

.aristote-nom{
  font-family:'Adobe Garamond Pro'; 
  text-align: center;
  font-size:2.5rem;
  margin-top:10px;
  margin-bottom:10px;
  line-height:1;
  color:white;
  text-transform: uppercase;
}

.soin-ville{
  background-color:white;
  padding:50px 10% 100px 10%;
}

.soin-ville-container{
  display:grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap:50px 30px;
}

.soin-ville-item{
  position:relative;
  height:300px;
}

.soin-ville-item img{
  width:100%;
  height:100%;
  object-fit: cover;
}

.soin-ville-item-titre{
  position:absolute;
  margin:auto;
  bottom:-20px;
  left:0;
  right:0;
  background-color:white;
  width:calc(90% - 30px);
  padding:15px;
  -webkit-box-shadow: 5px 5px 28px -3px #C2C2C2; 
  box-shadow: 5px 5px 28px -3px #C2C2C2;
  transition: 0.3s;
}

.soin-ville-item-titre:hover{
  background-color: #008A83;
}

.soin-ville-item-titre p{
  font-size:24px;
  text-transform: uppercase;
  text-align:center;
  line-height:1;
  width:100%;
  margin:0;
  color:#008A83;
  transition:0.3s;
}

.soin-ville-item-titre:hover p{
  color:white;
}

.ville-contact{
  padding:50px 10% 50px 10%;
}

.ville-contact-container{
  display:grid;
  gap:3rem;
  grid-template-columns: 1fr 1fr;
}

.ville-adresse{
  order:2;
  padding-left:10%;
  display:flex;
  flex-direction: column;
  justify-content: center;
}

.ville-form{
  order:1
}

@media screen and (max-width:1300px){
  .soin-ville-container{
    grid-template-columns: 1fr 1fr;
    gap:30px;
  }
}

@media screen and (max-width:980px){
  .aristote-nom{
    font-size:28px;
  }

  .logo-ville h1{
    font-size:28px;
  }

  .soin-ville-container{
    grid-template-columns: 1fr;
    gap:50px;
  }

  .ville-contact-container{
    grid-template-columns:1fr;
    gap:30px;
  }

  .ville-adresse{
    order:1;
    padding-left:0;
  }
  
  .ville-form{
    order:2
  }
}


/* Contact */
.contact{
  padding-top:50px;
  padding-left:10%;
  padding-right:10%;
  padding-bottom:50px;
}

.contact-container{
  display:grid;
  grid-template-columns: 1fr 1fr;
  margin-top:20px;
}

.contact-city{
  display:flex;
  flex-direction: column;
  align-items: center;
}

.contact-city:first-of-type{
  border-right:1px solid rgb(112, 112, 112, 0.5);
}

.contact-city-info{
  display:flex;
  flex-direction: column;
}

.city-title{
  color: #707070;
  font-size:34px;
  font-weight:bold;
  margin-bottom:20px;
  font-family: 'Poppins', sans-serif;
}

.city-address{
  margin:0;
}

.city-tel,
.city-mail{
  color:#008A83;
}

.city-acces,
.city-presence{
  font-weight:bold;
  margin-top:30px;
  color:#707070;
}

.city-map{
  margin-top:30px;
}

.city-map iframe{
  width:350px;
  height:250px;
}

.contact-form{
  padding:50px 20%;
}

select {

  /* styling */
  background-color: #E9EBE2;
  border:none;
  color:#008A83;
  display: inline-block;
  font: inherit;
  line-height: 1.5em;
  padding: 0.5em 3.5em 0.5em 1em;

  /* reset */

  margin: 0;      
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
}


/* arrows */

select.classic {
  position:relative;
  background-color: transparent;
  border-bottom:2px solid #008A83;
  padding: 15px 0;
  margin-bottom: 30px;
  width:100%;
  color:#707070;
}

.form-selector{
  position:relative;
}

.form-selector::before, .form-selector::after{
  content:"";
  position: absolute;
  background-color: #008A83;
  height:2px;
  width:10px;
  top:15px;
  right:20px;
  transform: rotate(-45deg) translateY(-50%);
  top:50%;
}

.form-selector::after{
  right:28px;
  transform: rotate(45deg);
}

select.classic::before{
  content:url('/wp-content/themes/Aristote/ressources/svg/plus.svg');
  position:absolute;
  top:50%;
  transform: translateY(-50%);
  right:0;
}

select.classic:focus {
  border-bottom:2px solid #008A83;
  outline: 0;
}

.form-content{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:30px;
}

.label{
width:100%;
}

.wpcf7-text{
font-family: 'Poppins', sans-serif;
width:100%;
border:none;
font-size: 16px;
border:none;
background-color: transparent;
border-bottom:2px solid #008A83;
padding:15px 0;
margin-bottom:30px;
}

.wpcf7-list-item{
	margin-left:0;
}

.message{
font-size:16px;
width:100%;
}

.wpcf7-textarea{
font-family: 'Poppins', sans-serif;
margin-top:10px;
width: calc(100% - 40px);
border:2px solid #008A83;
height:200px;
background-color:transparent;
font-size:16px;
margin-bottom:20px;
padding:20px;
}

.single-actu-container .wpcf7-text{
	margin-bottom:10px;
}

.single-actu-content .form p{
	padding-bottom:0;	
}

.wpcf7-textarea:focus{
outline: none;
}

.wpcf7-text:focus{
outline: none;
}

.wpcf7-submit{
cursor:pointer;
text-transform: uppercase;
color:#008A83;
padding:10px 20px;
background:transparent;
border:2px solid #008A83;
transition:0.5s;
}

.wpcf7-submit:hover{
color:white;
background-color: #008A83;
}

.form p{
text-align:right;
}

.wpcf7 .ajax-loader{
display:none!important;
}

.wpcf7-text::-webkit-input-placeholder { /* WebKit browsers */
font-size:16px;
  color: #707070 !important;
  opacity: 1;
}
.wpcf7-text:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
font-size:16px;
  color: #707070 !important;
  opacity: 1;
}
.wpcf7-text::-moz-placeholder { /* Mozilla Firefox 19+ */
font-size:16px;
  color: #707070 !important;
  opacity: 1;
}
.wpcf7-text:-ms-input-placeholder { /* Internet Explorer 10+ */
font-size:16px;
  color: #707070 !important;
  opacity: 1;
}

.wpcf7-textarea::-webkit-input-placeholder { /* WebKit browsers */
font-size:16px;
  color: #555555 !important;
  opacity: 1;
}
.wpcf7-textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
font-size:16px;
  color: #707070 !important;
  opacity: 1;
}
.wpcf7-textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
font-size:16px;
  color: #707070 !important;
  opacity: 1;
}
.wpcf7-textarea:-ms-input-placeholder { /* Internet Explorer 10+ */
font-size:16px;
  color: #707070 !important;
  opacity: 1;
}

@media screen and (max-width:980px){
  .contact-container{
    display:grid;
    grid-template-columns: 1fr;
    gap:30px;
  }

  .contact-city-info{
    text-align:center;
  }

  .city-map iframe{
    width:100%;
  }

  .contact-city:first-of-type{
    border:none;
  }

  .contact-form{
    padding:50px 10%;
  }

  .city-title {
    font-size: 20px;
    margin-bottom:10px;
  }

  .form-content{
    display:grid;
    grid-template-columns: 1fr;
    gap:0px;
  }

  select.classic{
    margin-bottom:10px;
  }

  .wpcf7-text{
    margin-bottom:10px;
  }
}

/* Témoignages */

.container-temoin{
  display:grid;
  grid-template-columns: 2fr 1fr;
  gap:50px;
  margin-top:20px;
}

.filter-temoin div{
  display:flex;
  flex-direction:column;
  align-items: flex-start;
}

.temoin-card{
  padding:20px;
  width:calc(100% - 40px);
  height:auto;
  margin-bottom:30px;
  margin-right:15px;
  background-color:white;
  -webkit-box-shadow: 5px 5px 28px -3px #C2C2C2; 
box-shadow: 5px 5px 28px -3px #C2C2C2;
}

.temoin-card-info{
  position:relative;
}

.temoin-rate{
  position:absolute;
  top:0;
  right:0;
}

.nom-card{
  font-weight:bold;
  margin-bottom:5px;
}

.grid-container{
  order:0;
}

@media screen and (max-width:980px){
  .temoin-card{
    height:auto;
    margin-bottom:30px;
    margin-right:0;
  }

  .description-card{
    font-size:16px;
  }

  .container-temoin{
    display:grid;
    grid-template-columns:1fr;
    gap:50px;
    margin-top:20px;
  }

  .grid-container{
    order:2;
  }
}

/* FOOTER */
.footer{
  padding:0px 10% 0px 10%;
  position:relative;
  overflow: hidden;
  background-color:white;
}

.bg-img-footer{
  position:absolute;
  bottom:-5px;
  right:-150px;
}

.bg-img-footer img{
  width:300px;
}

.footer-logo{
  font-family:'Adobe Garamond Pro'; 
  text-transform:uppercase;
  font-size:30px;
  margin-bottom:20px;
}

.footer-container{
  border-top:1px solid #008A83;
  padding:50px 0 50px 0;
}

.footer-col-container{
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  gap:30px;
}

.footer-sitemap{
  list-style:none;
  padding-left:0;
  margin:0;
}

.footer-sitemap a{
  text-decoration:none;
}

.footer-sitemap li{
  margin-bottom:10px;
  color:#8f8f8f;
  transition: 0.3s;
}

.footer-sitemap li:hover{
  color:#008A83;
}

.socials{
  list-style:none;
  padding:0;
  margin-top:20px;
}

.socials a{
  text-decoration:none;
}

.socials li{
  font-family:'Adobe Garamond Pro';
  margin-bottom:5px;
  color:black;
  color:#8f8f8f;
  font-size:22px;
}

.footer-city{
  font-weight:bold;
  text-transform:uppercase;
  font-size:18px;
  margin-bottom:10px;
}

.footer-adresse{
  display:flex;
  flex-direction:column;
}

.footer-adresse p{
  margin-bottom:5px;
}

.footer-adresse a{
  margin-bottom:5px;
  color:#008A83;
  text-decoration:none;
}

.footer-horaire{
  margin-top:15px;
}

.footer-horaire .titre-horaire{
  font-weight:bold;
  margin-bottom:5px;
}

.footer-horaire p{
  margin-bottom:5px;
}

.footer-personnel{
  margin-top:15px;
}

.footer-personnel .titre-personnel{
  font-weight:bold;
  margin-bottom:5px;
}

.footer-personnel p{
  margin-bottom:5px;
}

.footer-container-mobile{
  display:none;
}

.made-by{
  padding-top:30px;
  font-size:12px;
  display:flex;
	justify-content:space-between;
}

@media screen and (max-width:980px){
	.made-by{
		flex-direction:column;
		gap:10px;
	}
}

.facebook,
.instagram,
.youtube{
  transition:0.3s;
}

.facebook:hover{
  color:#4267B2;
}

.instagram:hover{
  color:#833AB4;
}

.youtube:hover{
  color:#FF0000;
}

@media screen and (max-width:980px){
  .footer-container-mobile{
    display:grid;
    grid-template-columns: 1fr;
    gap:20px;
  }

  .footer-city{
    font-size:20px;
    color:#707070;
  }

  .footer-adresse p,
  .footer-adresse a{
    margin-bottom:0;
  }

  .footer-container-mobile p,
  .footer-container-mobile a{
    font-size:16px;
    line-height:1.3;
  }

  .footer-col-container{
    display:none;
  }
}

.grecaptcha-badge{
	display:none;
}


/* Testimony home */
.testimony{
	padding:50px 10%;
	overflow:hidden;
}

.testimony .swiper-slide {
	height: auto;
	display:flex;
}

.testimony .swiper-testimony, .testimony .swiper-testimony2 {
	position:relative;
}

.testimony .swiper-slide .temoin-card {
	margin:0;
}

.testimony .swiper-button-prev {
	left:-10%;
	color:#008A83;
}

.testimony .swiper-button-next {
	right:-10%;
	color:#008A83;
}

@media screen and (min-width:980px){
	.testimony .swiper-button-prev {
		left:-5%;
		color:#008A83;
	}

	.testimony .swiper-button-next {
		right:-5%;
		color:#008A83;
	}
}

.testimony .slider{
	margin-bottom:3rem;
}

.nf-form-content .list-container{
	width: auto;
    height: auto;
    display: block;
    background-color: transparent;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    flex-direction: column;
    justify-content: center;
}