@font-face {
  font-family: "Creato Display Bold";
  src: url(../../fonts/CreatoDisplay-Bold.otf);
}

@font-face {
  font-family: "Creato Display Light";
  src: url(../../fonts/CreatoDisplay-Light.otf);
}

@font-face {
  font-family: "Creato Display Regular";
  src: url(../../fonts/CreatoDisplay-Regular.otf);
}

@font-face {
  font-family: "Creato Display Black";
  src: url(../../fonts/CreatoDisplay-Black.otf);
}

::-webkit-scrollbar {
  display: none;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}

body {
  padding: 0;
  margin: 0;
  overflow-x: hidden;
  overflow-y: scroll;
  background: #F3F3FF;
  width: 100vw;
  min-height: 100vh;
  display: none;
}

.header {
  width: 100vw;
  height: 10vh;
  background-color: white;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}

.logo-header {
  height: 5.3vh;
  width: 20vw;
  background-image: url('https://ad-wise.fr/images/logo_header.svg');
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  margin-left: 6vw;
  margin-right: 1vw;
}

.ligne-verticale {
  height: 6vh;
  width: 1px;
  background-color: black;
}

.profil {
  height: 2.6vw;
  width: 2.6vw;
  background-color: #B7CFFF;
  border-radius: 50%;
  margin-left: 1vw;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1vw;
  font-family: 'Creato Display Regular';
  color: #161616;
}

.profil:hover {
  height: 2.6vw;
  width: 2.6vw;
  background-color: #71A1FE;
  border-radius: 50%;
  margin-left: 1vw;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1vw;
  font-family: 'Creato Display Regular';
  color: #161616;
  cursor: pointer;
}

.content {
  width: 100vw;
  height: 90vh;
  background-image: url('https://ad-wise.fr/images/image_fond_accueil_blur.png');
  background-position: baseline;
  background-repeat: no-repeat;
  background-size: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  overflow-y: scroll;
}

.bienvenue {
  height: 62.65vh;
  width: 48.385vw;
  background-color: #FFFFFF;
  border-radius: 0.5vw;
  box-shadow: 4px 4px 2px 0px rgba(0, 0, 0, 0.25);
  margin-left: auto;
  margin-right: auto;
  margin-top: 10vh;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.bienvenue-texte {
  margin-top: 5vh;
  height: 40vh;
  width: 42vw;
  background-color: #FFFFFF;
  font-family: 'Creato Display Regular';
  font-size: 1.3vw;
  color: #0D052D;
  text-wrap: wrap;
  line-height: 3vh;
}

.bienvenue-bold {
  font-family: 'Creato Display Bold';
  font-size: 1.3vw;
  color: #0D052D;
}

.bienvenue-blue {
  font-family: 'Creato Display Bold';
  font-size: 1.3vw;
  color: #3A58A4;
}

.lancer-button {
  margin-top: 5vh;
  height: 6.4vh;
  width: 22.85vw;
  background-color: #B7CFFF;
  border-radius: 0.5vw;
  color: #0D052D;
  font-size: 1vw;
  font-family: 'Creato Display Regular';
  border: none;
}

.lancer-button:hover {
  margin-top: 5vh;
  height: 6.4vh;
  width: 22.85vw;
  background-color: #71A1FE;
  border-radius: 0.5vw;
  cursor: pointer;
  color: #0D052D;
  font-size: 1vw;
  font-family: 'Creato Display Regular';
  border: none;
}

.lancer-recherche-button {
  height: 6.4vh;
  width: 22.85vw;
  background-color: #B7CFFF;
  border-radius: 0.5vw;
  color: #0D052D;
  font-size: 1vw;
  font-family: 'Creato Display Regular';
  border: none;
  margin-left: 41.5vw;
}

.lancer-recherche-button:hover {
  height: 6.4vh;
  width: 22.85vw;
  background-color: #71A1FE;
  border-radius: 0.5vw;
  cursor: pointer;
  color: #0D052D;
  font-size: 1vw;
  font-family: 'Creato Display Regular';
  border: none;
}

.disclaimer {
  height: 62.65vh;
  width: 30.57vw;
  background-color: #FFFFFF;
  border-radius: 0.5vw;
  box-shadow: 4px 4px 2px 0px rgba(0, 0, 0, 0.25);
  font-family: 'Creato Display Light';
  font-size: 1vw;
  color: #0D052D;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10vh;
  display: none;
  flex-direction: column;
  align-items: center;
}

.disclaimer-texte {
  margin-top: 5vh;
  height: 50vh;
  width: 24vw;
  background-color: #FFFFFF;
  font-family: 'Creato Display Regular';
  font-size: 1.3vw;
  color: #0D052D;
  text-wrap: wrap;
  line-height: 3vh;
}

.disclaimer-bold {
  font-family: 'Creato Display Bold';
  font-size: 1.3vw;
  color: #0D052D;
}

.derniere-recherche {
    height: 62.65vh;
    width: 30.57vw;
    background-color: #FFFFFF;
    border-radius: 0.5vw;
    box-shadow: 4px 4px 2px 0px rgba(0, 0, 0, 0.25);
    margin-left: auto;
    margin-right: auto;
    margin-top: 10vh;
    display: none;
    flex-direction: column;
}

.derniere-recherche-image {
    width: 30.57vw;
    height: 41.94vh;
    display: flex;
    justify-content: center;
}

.derniere-recherche-barre {
    width: 26.04vw;
    height: 5.87vh;
    border-radius: 0.5vw;
    background: white;
    box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.25);
    margin-top: 5vh;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.derniere-recherche-bar {
    height: 5.87vh;
    border-radius: 0.5vw;
    background: linear-gradient(to right, #B7CFFF, #71A1FE);
    display: flex;
    align-items: center;
}

.derniere-recherche-bar-texte {
    font-family: 'Creato Display Regular';
    font-size: 1vw;
    text-wrap: nowrap;
    margin-left: 1vw;
}

.derniere-recherche-bar-pourcentage {
    box-sizing: border-box;
    font-family: 'Creato Display Bold';
    font-size: 1.5vw;
    margin-left: 11vw;
}

.derniere-recherche-infos {
    box-sizing: border-box;
    width: 30.57vw;
    height: 24.01vh;
    display: flex;
    flex-direction: column;
}

.derniere-recherche-infos-marque {
    box-sizing: border-box;
    font-family: 'Creato Display Light';
    font-size: 1.25vw;
    color: #0D052D;
    margin-left: 1.67vw;
    margin-top: 1vh;
}

.derniere-recherche-infos-marque-bold {
    font-family: 'Creato Display Bold';
    font-size: 1.25vw;
    color: #0D052D;
}

.derniere-recherche-infos-designation {
    box-sizing: border-box;
    font-family: 'Creato Display Light';
    font-size: 1vw;
    color: #0D052D;
    margin-left: 1.67vw;
}

.derniere-recherche-prix-box {
    box-sizing: border-box;
    width: 27.34vw;
    height: 9.07vh;
    background-color: #EAEAEA;
    border-radius: 0.5vw;
    margin-left: 1.67vw;
    margin-top: 1vh;
    box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.25);
    display: flex;
}

.derniere-recherche-prix-content-gauche {
    box-sizing: border-box;
    width: 22vw;
    height: 9.07vh;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.derniere-recherche-prix-content-droite {
    box-sizing: border-box;
    width: 5.34vw;
    height: 9.07vh;
    display: flex;
    align-items: center;
}

.derniere-recherche-prix-texte {
    box-sizing: border-box;
    font-family: 'Creato Display Light';
    font-size: 1vw;
    color: #0D052D;
    margin-left: 1.67vw;
}

.derniere-recherche-prix {
    box-sizing: border-box;
    font-family: 'Creato Display Bold';
    font-size: 1.5vw;
    color: #3A5DA8;
    margin-right: 0.5vw;  
}

.derniere-recherche-prix-euro {
    box-sizing: border-box;
    font-family: 'Creato Display Light';
    font-size: 0.75vw;
    color: #0D052D;
    padding-top: .75vh;
}

.derniere-recherche-disclaimer {
    box-sizing: border-box;
    font-family: 'Creato Display Light';
    font-size: 0.5vw;
    color: #0D052D;
    text-wrap: wrap;
    margin-left: 1.67vw;
    margin-top: 1vh;
}

.dernieres-recherches {
  width: 100vw;
  display: flex;
  flex-direction: column;
  display: none;
}

.dernieres-recherches-titre {
  height: 5vh;
  width: 100vw;
  font-size: 1.75vw;
  font-family: 'Creato Display Light';
  color: #0D052D;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 10vh;
  margin-bottom: 7.5vh;
}

.dernieres-recherches-titre::before {
  content: '';
  position: relative;
  height: 0.15vh;
  width: 26vw;
  background-color: #0D052D;
  transform: translateX(-8.5vw);
}

.dernieres-recherches-titre::after {
  content: '';
  position: relative;
  height: 0.15vh;
  width: 26vw;
  background-color: #0D052D;
  transform: translateX(8.5vw);
}

.dernieres-recherches-titre-bold {
  font-size: 1.75vw;
  font-family: 'Creato Display Bold';
  color: #0D052D;
}

.dernieres-recherches-content {
  width: 100vw;
  display: flex;
}

.dernieres-recherches-box {
  height: 50.59vh;
  width: 23.44vw;
  background-color: #FFFFFF;
  border-radius: 0.5vw;
  box-shadow: 4px 4px 2px 0px rgba(0, 0, 0, 0.25);
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 5vh;
  display: flex;
  flex-direction: column;
}

.dernieres-recherches-box-titre {
  box-sizing: border-box;
  height: 3vh;
  width: 23.44vw;
  font-family: 'Creato Display Bold';
  font-size: 1.25vw;
  color: #0D052D;
  padding-left: 1vw;
  margin-top: 1.25vh;
}

.dernieres-recherches-label {
  box-sizing: content-box;
  height: 2.9vh;
  font-family: 'Creato Display Light';
  font-size: 0.85vw;
  color: white;
  background-color: #3A5DA8;
  border-radius: 0.15vw;
  margin-right: 0.25vw;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 0.25vw;
  padding-right: 0.25vw;
}

.dernieres-recherches-box-gabarits {
  margin-top: 1vh;
  box-sizing: border-box;
  height: 10vh;
  width: 23.44vw;
  padding-left: 1vw;
  display: flex;
  flex-wrap: wrap;
}

.dernieres-recherches-box-carburants {
  margin-top: 1vh;
  box-sizing: border-box;
  height: 7vh;
  width: 23.44vw;
  padding-left: 1vw;
  display: flex;
  flex-wrap: wrap;
}

.dernieres-recherches-box-caracteristiques {
  margin-top: 1vh;
  box-sizing: border-box;
  height: 7vh;
  width: 23.44vw;
  padding-left: 1vw;
  display: flex;
  flex-wrap: wrap;
}

.dernieres-recherches-box-budget {
  margin-top: 1vh;
  box-sizing: border-box;
  height: 4vh;
  width: 23.44vw;
  padding-left: 1vw;
  display: flex;
  flex-wrap: wrap;
}

.dernieres-recherches-afficher-plus, .recherche-marque-afficher-plus {
  height: 5vh;
  width: 100vw;
  font-size: 1vw;
  font-family: 'Creato Display Regular';
  color: #3A5DA8;
  display: flex;
  align-items: center;
  justify-content: center;
}

.dernieres-recherches-afficher-plus:hover, .recherche-marque-afficher-plus:hover {
  height: 5vh;
  width: 100vw;
  font-size: 1vw;
  font-family: 'Creato Display Regular';
  color: #3A5DA8;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: underline 2px #3A5DA8;
  cursor: pointer;
}

.recherche-marque, .recherche-carrosserie {
  width: 100vw;
  display: flex;
  flex-direction: column;
}

.recherche-marque-content, .recherche-carrosserie-content {
  width: 100vw;
  display: flex;
}

.recherche-marque-titre, .recherche-carrosserie-titre {
  height: 5vh;
  width: 100vw;
  font-size: 1.75vw;
  font-family: 'Creato Display Light';
  color: #0D052D;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 5vh;
  margin-bottom: 7.5vh;
}

.recherche-marque-titre::before {
  content: '';
  position: relative;
  height: 0.15vh;
  width: 26vw;
  background-color: #0D052D;
  transform: translateX(-7.5vw);
}

.recherche-marque-titre::after {
  content: '';
  position: relative;
  height: 0.15vh;
  width: 26vw;
  background-color: #0D052D;
  transform: translateX(7.5vw);
}

.recherche-carrosserie-titre::before {
  content: '';
  position: relative;
  height: 0.15vh;
  width: 26vw;
  background-color: #0D052D;
  transform: translateX(-8vw);
}

.recherche-carrosserie-titre::after {
  content: '';
  position: relative;
  height: 0.15vh;
  width: 26vw;
  background-color: #0D052D;
  transform: translateX(8vw);
}

.recherche-marque-titre-bold, .recherche-carrosserie-titre-bold {
  font-size: 1.75vw;
  font-family: 'Creato Display Bold';
  color: #0D052D; 
}

.recherche-marque-box, .recherche-carrosserie-box {
  height: 50.59vh;
  width: 23.44vw;
  background-color: #FFFFFF;
  border-radius: 0.5vw;
  box-shadow: 4px 4px 2px 0px rgba(0, 0, 0, 0.25);
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 5vh;
  display: flex;
  flex-direction: column;
  transition: transform 0.2s ease-in-out;
}

.recherche-marque-box:hover, .recherche-carrosserie-box:hover {
  height: 50.59vh;
  width: 23.44vw;
  background-color: #FFFFFF;
  border-radius: 0.5vw;
  box-shadow: 4px 4px 2px 0px rgba(0, 0, 0, 0.25);
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 5vh;
  display: flex;
  flex-direction: column;
  transition: transform 0.3s ease-in;
  transform: scale(1.05);
  cursor: pointer;
}

.recherche-marque-box:hover > .recherche-marque-logo {
  height: 32vh;
  width: 23.44vw;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-top-left-radius: 0.5vw;
  border-top-right-radius: 0.5vw;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: blur(0.1vh);
}

.recherche-marque-box:hover > .recherche-marque-image > .recherche-marque-logo {
  height: 10vh;
  min-width: 10vw;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  border-top-left-radius: 0.5vw;
  border-top-right-radius: 0.5vw;
  opacity: 1;
  transition: opacity 0.3s ease-in;
}

.recherche-marque-image, .recherche-carrosserie-image {
  height: 32vh;
  width: 23.44vw;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-top-left-radius: 0.5vw;
  border-top-right-radius: 0.5vw;
  display: flex;
  align-items: center;
  justify-content: center;
}

.recherche-marque-logo {
  height: 10vh;
  min-width: 10vw;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  border-top-left-radius: 0.5vw;
  border-top-right-radius: 0.5vw;
  opacity: 0;
  transition: opacity 0.3s ease-in;
}

.recherche-marque-texte, .recherche-carrosserie-texte {
  height: 18.59vh;
  width: 23.44vw;
  font-size: 1.5vw;
  font-family: 'Creato Display Light';
  color: #0D052D;
  text-wrap: wrap;
  box-sizing: border-box;
  padding-left: 2vw;
  padding-right: 2vw;
  padding-top: 5vh;
}

.recherche-marque-texte-marque, .recherche-carrosserie-texte-carrosserie {
  font-size: 1.5vw;
  font-family: 'Creato Display Bold';
  color: #3A5DA8;
}

.recherche-marque-texte-bold, .recherche-carrosserie-texte-bold {
  font-size: 1.5vw;
  font-family: 'Creato Display Bold';
  color: #0D052D;
}

.footer {
  box-sizing: border-box;
  width: 100vw;
  height: 42.69vh;
  background-color: white;
  display: flex;
  align-items: center;
  margin-top: 3vh;
}

.footer-1 {
  box-sizing: border-box;
  width: 15vw;
  display: flex;
  flex-direction: column;
  margin-left: 5vw;
}

.footer-2 {
  box-sizing: border-box;
  width: 30vw;
  display: flex;
  flex-direction: column;
  margin-left: 3vw;
}

.footer-3 {
  box-sizing: border-box;
  width: 15vw;
  display: flex;
  flex-direction: column;
  margin-left: 1vw;
}

.footer-img {
  box-sizing: border-box;
  height: 13.127vh;
  width: 13.75vw;
  background-image: url('https://ad-wise.fr/images/logo_1_clair.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  margin-left: 8vw;
}

.footer-titre {
  font-family: 'Creato Display Bold';
  font-size: 1.5vw;
  color: #0D052D;
}

.footer-elem {
  font-family: 'Creato Display Regular';
  font-size: 1.25vw;
  color: #0D052D;
  margin-top: 2vh;
  text-decoration: none;
}

.footer-elem:hover {
  font-family: 'Creato Display Regular';
  font-size: 1.25vw;
  color: #3A5DA8;
  margin-top: 2vh;
  text-decoration: none;
}

.footer-elem-invis {
  font-family: 'Creato Display Regular';
  font-size: 1.25vw;
  color: #FFFFFF;
  margin-top: 2vh;
  text-decoration: none;
}