@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));
}

.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: 40vw;
}

.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;
}

.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;
}

.button_box {
  width: 100vw;
  display: flex;
}

.bouton_retour {
  margin-left: 7vw;
  margin-top: 5vh;
  background-color: #B7CFFF;
  color: #0D052D;
  font-family: 'Creato Display Regular';
  font-size: 1vw;
  width: 15vw;
  height: 5vh;
  border: none;
  border-radius: 0.25vw;
}

.bouton_retour:hover {
  margin-left: 7vw;
  margin-top: 5vh;
  background-color: #71A1FE;
  color: #0D052D;
  font-family: 'Creato Display Regular';
  font-size: 1vw;
  width: 15vw;
  height: 5vh;
  border: none;
  border-radius: 0.25vw;
  cursor: pointer;
}

.marque_box {
  width: 100vw;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

.recherche-marque-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: 4vw;
  margin-right: 4vw;
  margin-bottom: 5vh;
  margin-top: 5vh;
  display: flex;
  flex-direction: column;
  transition: transform 0.3s ease-in;
}

.recherche-marque-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: 4vw;
  margin-right: 4vw;
  margin-bottom: 5vh;
  margin-top: 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 {
  height: 18.59vh;
  width: 23.44vw;
  font-size: 1.5vw;
  font-family: 'Creato Display Light';
  color: black;
  text-wrap: wrap;
  box-sizing: border-box;
  padding-left: 2vw;
  padding-right: 2vw;
  padding-top: 5vh;
}

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

.recherche-marque-texte-bold {
  font-size: 1.5vw;
  font-family: 'Creato Display Bold';
  color: black;
}

.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: #000000;
  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;
}