/*PREMIUMBASE*/
/*Import Fonts*/
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700;800;900&display=swap");



:root{
 --rose: #E370AB;
--gris: #636365
}
/*GENERAL*/
body {
  font-family: 'Poppins', sans-serif;
  background: #ffffff;
 }
p{
font-size: 16px}
.dev {
  border: 1px solid red; }

a:hover {
  cursor: pointer; }


.space50{
width: 100%;
height: 50px
}

#btn-submit-recherche{
color: #ffffff;
top:-10px;
font-size: 0.9em}
.page-heading::after, .deco::after {
  content: "";
  display: block;
  position: relative;
  background: var(--rose);
  height: 1px;
  width: 150px;
  margin: 10px 0 24px 0;
}
/* ======================================================== */
/*                           VIDEO                          */
/* ======================================================== */
.home-visuel-wrapper {
    width: 100%;
    height: 100%;
    background: transparent;
    position: relative;
}
.home-visuel-wrapper .video-wrapper {
    width: 100%;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    z-index: 1;
    opacity: 0;
}
.home-visuel-wrapper .video-wrapper #player {
    width: 100vw;
    height: 100vh;
}
.home-visuel-wrapper .video-wrapper #player .sliderVideo {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.btn-sound {
    position: absolute;
    z-index: 1;
    top: 44%;
    left:0;
    color: #fff;
    font-size: 35px;
    border: 1px solid #fff;
    border-radius: 50%;
    padding: 0 12px;
}
/* ========================================================================= */
/*                                  TOP PAGES                                     */
/* ========================================================================= */

.services .top_page {
  background-image: url("/assets/images/top_page/services_top.jpg");
}


/* ========================================================================= */
/*                                  SLIDER                                     */
/* ========================================================================= */


.swiper-container {
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto; }

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  /* Center slide text vertically */
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center; }

.swiper-container h1 {
  font-weight: 700;
  color: #ffffff;
  font-size: 3em;
  padding-top: 25%; }

.swiper-pagination-bullet-active {
  background-color: var(--rose); }

.color-1 {
  background: url("/assets/images/slider/1.jpg");
  background-size: cover;
  background-color: #ffffff; }

.color-2 {
  background: url("/assets/images/slider/2.jpg");
  background-size: cover;
  background-color: #ffffff; }

.color-3 {
  background: url("/assets/images/slider/3.jpg");
  background-size: cover;
  background-color: #ffffff; }

.color-4 {
  background: url("/assets/images/slider/4.jpg");
  background-size: cover;
  background-color: #ffffff; }

@keyframes myAnim {
  0% {
    animation-timing-function: ease-out;
    transform: scale(1);
    transform-origin: center center; }
  10% {
    animation-timing-function: ease-in;
    transform: scale(0.91); }
  17% {
    animation-timing-function: ease-out;
    transform: scale(0.98); }
  33% {
    animation-timing-function: ease-in;
    transform: scale(0.87); }
  45% {
    animation-timing-function: ease-out;
    transform: scale(1); } }

/* ========================================================================= */
/*                                  TOP PAGES                                     */
/* ========================================================================= */
.top_page {
  background-color: var(--rose);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.actualites .top_page {
  background-image: url("/assets/images/top_page/actualites_top.jpg"); }

.alerte-email .top_page {
  background-image: url("/assets/images/top_page/alerte-email_top.jpg"); }

.agence .top_page {
  background-image: url("/assets/images/top_page/agence_top.jpg");
  background-position: center left;}

@media (max-width: 991px) {

 
  nav.menu ul li {
    display: flex!important;
    padding: 10px 20px;
  }
  .badge-google-content {
    background: #e9ecef;
    color: #111 !important;
    border-radius: 6px;
    width: 50%!important;
    margin: 0 auto;
    padding: 0.8rem;
  }
  .agence .top_page {
    background-position: center left; } }

@media (max-width: 441px) {
  .agence .top_page {
    background-position: -200px center; }
  .actualites .top_page {
    background-position: -200px center; } }

.protege .top_page {
  background-image: url("/assets/images/top_page/protege_top.jpg"); }

.nature .top_page {
  background-image: url("/assets/images/top_page/nature_top.jpg"); }

.estimation .top_page {
  background-image: url("/assets/images/top_page/estimation_top.jpg"); }

.mentions-legales .top_page {
  background-image: url("/assets/images/top_page/mentions-legales_top.jpg"); }

/* ========================================================================= */
/*                                  GENERAL                                  */
/* ========================================================================= */
a:hover {
  color: var(--rose); }

 .baseline {
  z-index: 20;
  position: absolute;
  top: 38%;
  -webkit-transform: translateY(-28%);
  -moz-transform: translateY(-28%);
  -ms-transform: translateY(-28%);
  -o-transform: translateY(-28%);
  transform: translateY(-28%);
  left:46%;
  -webkit-transform: translateX(-43%);
  -moz-transform: translateX(-43%);
  -ms-transform: translateX(-43%);
  -o-transform: translateX(-43%);
  transform: translateX(-43%);
  text-align: center;
  width: 60%
}
.baseline h1 {
  margin: 0;
  letter-spacing: -1px;
  font-size: 4rem;
  color: #ffffff;
  font-weight: 800;
text-shadow: 2px 2px 5px #000000

}

.baseline p {
  font-size: 1.3rem;
  color: #ffffff;
  line-height: 2rem;
  position: relative;
  top: 50%;
  opacity: 0;
  animation: .5s swift-up ease-out forwards, 1.2s fade-in ease-out forwards;
  animation-delay: 1.2s;
text-shadow: 2px 2px 5px #000000

}

@keyframes fade-in {
  to {
    opacity: 1;
  }
}

.baseline span {
  display: inline-block;
  overflow: hidden;
  position: relative;
  top: 2.8rem;
  opacity: 0;
  animation: .4s swift-up ease-in-out forwards;
}
.baseline p{

font-size: 2em}


@keyframes swift-up {
  to {
    top: 0rem;
    opacity: 1
  }
}

.baseline span:nth-of-type(1) i {
  animation-delay: 0.8s;
}

.baseline span:nth-of-type(2) i {
  animation-delay: .9s;
}

.baseline span:nth-of-type(3) i {
  animation-delay: .2s;
}

.baseline span:nth-of-type(4) i {
  animation-delay: .3s;
}

.baseline span:nth-of-type(5) i {
  animation-delay: .4s;
}

.baseline span:nth-of-type(6) i {
  animation-delay: .5s;
}
.baseline span:nth-of-type(7) i {
  animation-delay: .6s;
}

.baseline span:nth-of-type(1) {
  animation-delay: 0.5s;
}

.baseline span:nth-of-type(2) {
  animation-delay: .9s;
}

.baseline span:nth-of-type(3) {
  animation-delay: .2s;
}

.baseline span:nth-of-type(4) {
  animation-delay: .3s;
}

.baseline span:nth-of-type(5) {
  animation-delay: .4s;
}

.baseline span:nth-of-type(6) {
  animation-delay: .5s;
}
.baseline span:nth-of-type(7) {
  animation-delay: .6s;
}


.contact .sidebar {
  z-index: 1001; }

.sidebar .img-thumbnail {
  padding: 0;
  padding-top: 0px;
  padding-bottom: 0px;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  margin-bottom: .5rem;
  font-family: inherit;
  font-weight: 400;
  line-height: 1.1;
  color: inherit; }

.moteur .btn {
  border-radius: 0px;
  text-transform: uppercase;
  font-weight: 200; }

.space50 {
  width: 100%;
  height: 50px; }

b {
  font-weight: 500; }

.orange {
  color: var(--rose) !important; }

.breadcrumb-cms {
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 200; }

.btn {
  border-radius: 10px;
  text-transform: uppercase;
  font-weight: 200; }

.btn-primary {
  color: #fff;
  background-color: var(--rose);
  border-color: var(--rose);
  transition: all 0.5s ease; }

.btn-primary:hover {
  color: #fff;
  background-color: #1e2029;
  border-color: #1e2029;
  transition: all 0.5s ease; }

.btn-secondary {
  color: #fff;
  background-color: #1e2029;
  border-color: #1e2029;
  transition: all 0.5s ease; }

.btn-secondary:hover {
  color: #fff;
  background-color: var(--rose);
  border-color: var(--rose);
  transition: all 0.5s ease; }

.home_heading::after {
  content: "";
  display: block;
  position: relative;
  background: #000;
  height: 2px;
  width: 150px;
  margin: 24px auto 24px auto; }

.page-heading {
  font-weight: 200; }

.page-heading::after {
  content: "";
  display: block;
  position: relative;
  background: var(--rose);
  height: 1px;
  width: 150px;
  margin: 10px 0 24px 0; }

.home_cont_presentation {
  position: relative;
  background: url("/assets/images/home-background-presentation.jpg") no-repeat center top;
  background-size: auto;
  background-size: cover;
  color: #fff;
  margin: 0 auto;
  padding: 50px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #ffffff; }

.home_cont_presentation h3 {
  text-transform: none;
font-weight: 800
}

.home_cont_alertes {
  padding: 10px 10px;
  background: var(--rose);
  text-align: center; }

.home_cont_selection, .home_cont_categories {
  padding-top: 50px;
  padding-bottom: 50px; }

.cont_coordonnees {
  display: none;
  padding-bottom: 40px;
  background: #a5a5a5
  color: #fff; }




footer {
  background: #a5a5a5;
  background-size: cover;
  padding: 50px 10px; }

footer {
  text-shadow: 1px 1px 1px #000000; }

.sidebar address {
  font-weight: 200; }

.sidebar {
  width: 33.33333%;
  background: #ffffff;
  padding: 10px;
  margin-left: 10px; }

.fondblanc {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  padding: 30px 20px; }

/* ========================================================================= */
/*                                  CATEGORIES ACCUEIL                       */
/* ========================================================================= */
.grid figure {
  position: relative;
  float: center;
  overflow: hidden;
  margin: 10px auto;
  max-width: 100%;
  max-height: 360px;
  width: 100%;
  background: var(--gris);
  text-align: center;
  cursor: pointer; }

.grid figure img {
  position: relative;
  display: block;
  min-height: 100%;
  max-width: 100%;
  opacity: 1; }

.grid figure figcaption {
  padding: 2em;
  color: #fff;
  text-transform: uppercase;
  font-size: 1.25em;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  text-shadow: 1px 1px 1px #000000; }

.grid figure figcaption::before,
.grid figure figcaption::after {
  pointer-events: none; }

.grid figure figcaption,
.grid figure figcaption > a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
  z-index: 1000;
  text-indent: 200%;
  white-space: nowrap;
  font-size: 0;
  opacity: 0; }

.grid figure h2 {
  word-spacing: normal;
  font-weight: 300; }

.grid figure h2 span {
  font-weight: 800;
  padding-left: 10px;
  font-size: 24px !important;
  word-spacing: normal;
}

.grid figure h2,
.grid figure p {
  margin: 0; }

.grid figure p {
  letter-spacing: 1px;
  font-size: 68.5%; }

/*---------------*/
/***** Chico *****/
/*---------------*/
figure.effect-chico img {
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: scale(1.12);
  transform: scale(1.12); }

figure.effect-chico:hover img {
  opacity: 0.2;
  -webkit-transform: scale(1);
  transform: scale(1); }

figure.effect-chico figcaption {
  padding: 3em; }

figure.effect-chico figcaption::before {
  position: absolute;
  top: 30px;
  right: 30px;
  bottom: 30px;
  left: 30px;
  border: 1px solid #fff;
  content: '';
  -webkit-transform: scale(1.1);
  transform: scale(1.1); }

figure.effect-chico figcaption::before,
figure.effect-chico p {
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s; }

figure.effect-chico h2 {
  padding: 20% 0 20px 0; }

figure.effect-chico p {
  margin: 0 auto;
  max-width: 200px;
  -webkit-transform: scale(1.5);
  transform: scale(1.5); }

figure.effect-chico:hover figcaption::before,
figure.effect-chico:hover p {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1); }

@media screen and (max-width: 50em) {
  .content {
    padding: 0 10px;
    text-align: center; }
  .grid figure {
    display: inline-block;
    float: none;
    margin: 10px auto;
    width: 100%; } }

/* ========================================================================= */
/*                                  BIENS  ACCUEIL                                    */
/* ========================================================================= */
.prod_accueil .block_info {
  z-index: 0;
  padding: 20px;
  min-height: auto;
  background: #ffffff; }

.carousel_nbr_photos {
  display: none; }

.prod_accueil article {
  border: 1px solid #ddd;
  width: calc(33.3% - 20px);
  margin: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px; }

.prod_accueil .block_img img {
  height: auto;
  width: 100%;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px; }

.info_ville {
  font-weight: 700;
  color: var(--rose); }

.b_ccoeur {
  background-color: var(--rose); }

.b_offre_en_cours {
  background-color: var(--rose); }

.b_exclu {
  background-color: var(--rose); }

.b_prestige {
  background-color: var(--rose); }

.b_international {
  background-color: var(--rose); }

.b_investisseur {
  background-color: var(--rose); }

.b_souscompromis {
  background-color: var(--rose); }

.b_vendu {
  background-color: var(--rose); }

.b_loue {
  background-color: var(--rose); }

.b_loc {
  background-color: var(--rose); }

.primo_accedant {
  background-color: var(--rose); }

/* ========================================================================= */
/*                                  BIENS                                     */
/* ========================================================================= */
/*PAGE DETAILS*/
.detail_taber .nav-link {
  padding: 10px; }

.detail_taber .nav-link.active,
.detail_taber .nav-link:hover {
  background: var(--rose) !important;
  color: #fff;
  padding: 10px; }

.detail_taber {
  border-bottom: 1px solid var(--rose); }

.detail_header .titre:after {
  background: var(--rose); }

.detail_header .crit span:nth-child(1) {
  font-weight: 600; }

.retour_pret {
  font-size: 25px;
  font-weight: 700;
  color: var(--rose); }

.retour_pret span {
  color: var(--rose); }

.detail .page_heading {
  font-size: 22px;
  font-weight: 500;
  border-left: 2px solid var(--rose);
  padding-left: 10px; }

.detail .info_titre {
  text-transform: inherit; }

.detail .info_prix {
  padding: 0; }

.detail .header-item {
  padding: 0; }

.lafficheur li:hover, .lafficheur li.active {
  background-color: var(--rose) !important; }

.table-warning,
.table-warning > td,
.table-warning > th {
  background-color: var(--rose) !important; }

.detail #descdetail {
  text-align: justify; }

/*MISE EN FORME TABLEAU DETAILS*/
.detail .attribut_label0 {
  position: relative;
  background: #fff; }

.detail .bloc-champ {
  background: #fff; }

/* ========================================================================= */
/*                                  RESPONSIVE                                     */
/* ========================================================================= */

@media (max-width: 1285px) {
  nav.menu ul li {
    display: inline-block;
    padding: 10px 20px; }

}

@media (min-width: 992px) {
  .moteur {
    background: none; }
  .header .site-pusher {
    display: flex;
    justify-content: center; }
  .header .sticking {
    background: var(--gris); }
  .header .not-sticking {
    background: var(--gris); }
  .index .header .not-sticking {
    background: rgba(99, 99, 101, 0.90); }
  nav.menu ul li {
    display: inline-block;
    padding: 10px 10px; }
  .menu ul > li > a,
  .menu ul > li > .item-nav {
    line-height: 1.2;
    color: #000;
    font-size: 14px;
    letter-spacing: 1px; }
  .menu ul > li > a:before, .menu .dropdown-item:before,
  .menu ul > li > .item-nav:before {
    position: absolute;
    left: 0;
    width: 100%;
    height: 1px;
    content: '';
    opacity: 0;
    transition: opacity 0.3s, transform 0.3s;
    transform: translateY(10px); }
  .menu ul > li:hover > a:before,
  .menu ul > li:hover > .item-nav:before {
    bottom: -6px;
    height: 1px;
    background-color: var(--rose);
    background: var(--rose);
    background: -webkit-linear-gradient();
    background: linear-gradient(); }
  .index .not-sticking .menu ul > li:hover > a:before,
  .index .not-sticking .menu ul > li:hover > .item-nav:before {
    bottom: -6px;
    height: 1px;
    background-color: var(--rose);
    background: var(--rose);
    background: -webkit-linear-gradient();
    background: linear-gradient(); }
  .index .not-sticking .menu .dropdown-menu > li:hover > a.dropdown-item:before,
  .index .not-sticking .menu .dropdown-menu > li:hover > .item-nav:before,
  .menu .dropdown-menu > li:hover > a.dropdown-item:before {
    bottom: 1px;
    height: 1px;
    background-color: var(--rose);
    background: var(--rose);
    background: -webkit-linear-gradient();
    background: linear-gradient(); }
  .menu ul > li:hover > a:before, .menu .dropdown-menu > li:hover > a.dropdown-item:before,
  .menu ul > li:hover > .item-nav:before {
    opacity: 1;
    transform: translateY(0); }
  .dropdown-menu > li > a {
    padding: 5px 0; }
  .index .not-sticking .header__logo {
    display: block; }
  .header__logo {
    display: block;
    padding: 5px 0;
    border-bottom: 0; }
  .header__logo img {
    width: 206px;
    margin-right: 100px; }
  .menu ul > li > a,
  .menu ul > li > .item-nav {
    text-transform: uppercase; }
  .site-pusher nav {
    margin: auto 0; }
  .menu ul {
    margin: auto 0; }
  .menu ul li a,
  .menu ul li .item-nav {
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-weight: 300; }
  a:not([href]):not([tabindex]), a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {
    color: #fff; }
  .index .menu ul > li > a.dropdown-item,
  .menu ul > li > a.dropdown-item,
  .sticking .menu ul > li > a.dropdown-item,
  .not-sticking .menu ul > li > a.dropdown-item {
    font-family: "Epilogue", sans-serif !important;
    text-transform: initial;
    font-weight: 600; }
  .sticking .menu ul {
    /* box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
        border-bottom: inherit; */ }
  .sticking .menu ul li a,
  .sticking .menu ul li .item-nav {
    color:#ffffff;
    font-family: 'Poppins', sans-serif;
    font-weight: 300; }
  .not-sticking .menu ul li a,
  .not-sticking .menu ul li .item-nav {
    color:#ffffff;
    font-family: 'Poppins', sans-serif;
    font-weight: 300; }
  .index .not-sticking .menu ul li a,
  .index .not-sticking .menu ul li .item-nav {
    color: #ffffff;
    font-family: 'Poppins', sans-serif;
    font-weight: 300; } }

@media (max-width: 991px) {
  .baseline {
    z-index: 20;
    position: absolute;
    top: 24%;
    -webkit-transform: translateY(-24%);
    -moz-transform: translateY(-24%);
    -ms-transform: translateY(-24%);
    -o-transform: translateY(-24%);
    transform: translateY(-24%);
    left:38%;
    -webkit-transform: translateX(-38%);
    -moz-transform: translateX(-38%);
    -ms-transform: translateX(-38%);
    -o-transform: translateX(-38%);
    transform: translateX(-38%);
    text-align: center;
    width: 100%
  }
	.header img{
padding: 5px
}
.header .sticking {
  background: var(--gris);
}

  .header {
    position: fixed;
    height: auto;
    width: 100%;
    z-index: 8000;
    background: var(--gris);
    top: 0; }
  .index-logo-not-sticking, .index-logo-sticking {
    margin-left: -50px !important; }
  .not-sticking .burger-item::after {
    background: #ffffff;
    color: #ffffff; }
  .not-sticking .burger-item::before {
    background: #ffffff;
    color: #ffffff; }
  .not-sticking .burger-item {
    color: #ffffff;
    background: #ffffff; }
  .burger-item::after {
    content: "";
    position: absolute;
    background: var(--rose);
    color: var(--rose);
    display: block;
    height: 3px;
    width: 24px;
    margin-top: 8px;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out; }
  .burger-item::before {
    content: "";
    position: absolute;
    background: var(--rose);
    color: var(--rose);
    display: block;
    height: 3px;
    width: 24px;
    margin-top: -8px;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out; }
  .burger-item {
    color: var(--rose);
    font-size: 40px;
    position: fixed;
    top: 25px;
    left: 15px;
    z-index: 100;
    background: var(--rose);
    height: 3px;
    width: 24px; }
  .moteur {
    background-color: transparent; }
  .prod_accueil article {
    border: 1px solid #ddd;
    width: calc(100% - 20px) !important;
    margin: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px; }
  .sidebar {
    width: 100% !important; }
  .listing-vente .main-content {
    margin-top: 150px !important; }
  .listing .bloc.bloc4, [class*="listing-"] .bloc.bloc4 {
    display: block;
    position: absolute;
    right: -3px;
    top: 50px;
    font-size: 20px;
    background: #ddd;
    padding: 3px 12px;
    border-radius: 5px; } }


    @media (max-width:824px){
      .moteur {
        top: 54% !important;
      }

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

  .baseline {
    z-index: 20;
    position: absolute;
    top: 28%;
    -webkit-transform: translateY(-28%);
    -moz-transform: translateY(-28%);
    -ms-transform: translateY(-28%);
    -o-transform: translateY(-28%);
    transform: translateY(-28%);
    left:38%;
    -webkit-transform: translateX(-38%);
    -moz-transform: translateX(-38%);
    -ms-transform: translateX(-38%);
    -o-transform: translateX(-38%);
    transform: translateX(-38%);
    text-align: center;
    width: 100%
  }
  .baseline h1 {
    margin: 0;
    letter-spacing: -1px;
    font-size: 4rem;
    color: #ffffff;
    font-weight: 800;
  text-shadow: 2px 2px 5px #000000
  
  }
  
  .baseline p {
    font-size: 1.3rem;
    color: #ffffff;
    line-height: 2rem;
    position: relative;
    top: 50%;
    opacity: 0;
    animation: .5s swift-up ease-out forwards, 1.2s fade-in ease-out forwards;
    animation-delay: 1.2s;
  text-shadow: 2px 2px 5px #000000
  
  }
  
  @keyframes fade-in {
    to {
      opacity: 1;
    }
  }
  
  .baseline span {
    display: inline-block;
    overflow: hidden;
    position: relative;
    top: 2.8rem;
    opacity: 0;
    animation: .4s swift-up ease-in-out forwards;
  }
  .baseline p{
  
  font-size: 2em}
  
  
  @keyframes swift-up {
    to {
      top: 0rem;
      opacity: 1
    }
  }
  
  .baseline span:nth-of-type(1) i {
    animation-delay: 0.8s;
  }
  
  .baseline span:nth-of-type(2) i {
    animation-delay: .9s;
  }
  
  .baseline span:nth-of-type(3) i {
    animation-delay: .2s;
  }
  
  .baseline span:nth-of-type(4) i {
    animation-delay: .3s;
  }
  
  .baseline span:nth-of-type(5) i {
    animation-delay: .4s;
  }
  
  .baseline span:nth-of-type(6) i {
    animation-delay: .5s;
  }
  .baseline span:nth-of-type(7) i {
    animation-delay: .6s;
  }
  
  .baseline span:nth-of-type(1) {
    animation-delay: 0.5s;
  }
  
  .baseline span:nth-of-type(2) {
    animation-delay: .9s;
  }
  
  .baseline span:nth-of-type(3) {
    animation-delay: .2s;
  }
  
  .baseline span:nth-of-type(4) {
    animation-delay: .3s;
  }
  
  .baseline span:nth-of-type(5) {
    animation-delay: .4s;
  }
  
  .baseline span:nth-of-type(6) {
    animation-delay: .5s;
  }
  .baseline span:nth-of-type(7) {
    animation-delay: .6s;
  }
  

}

@media (max-width: 441px) {

  .baseline {
    z-index: 20;
    position: absolute;
    top: 28%;
    -webkit-transform: translateY(-28%);
    -moz-transform: translateY(-28%);
    -ms-transform: translateY(-28%);
    -o-transform: translateY(-28%);
    transform: translateY(-28%);
    left:35%;
    -webkit-transform: translateX(-35%);
    -moz-transform: translateX(-35%);
    -ms-transform: translateX(-35%);
    -o-transform: translateX(-35%);
    transform: translateX(-35%);
    text-align: center;
    width: 100%
  }
  .baseline h1 {
    margin: 0;
    letter-spacing: -1px;
    font-size: 3rem;
    color: #ffffff;
    font-weight: 800;
  text-shadow: 2px 2px 5px #000000
  
  }
  .moteur {
    padding: 20px;
    position: absolute;
    top: 45%;
    left: 0;
    z-index: 20;
    background-color: transparent; }
  .pins {
    position: absolute;
    top: 180px;
    margin-left: 35%;
    z-index: 1002;
    transform: rotate(10deg); }
  .page-heading {
    margin-top: 20px; }
  .detail .container_page {
    padding-top: 50px; } 
  
    .home_cont_categories {
      padding-top: 50px;
      padding-bottom: 50px;
      margin-top: 100px;
    }
  
  }


  /* BADGE GOOGLE */




  .avisGoogleBadge-p1{
    display: none;
  }

.badge-google-content {
  background: #e9ecef;
  color: #111!important;
  border-radius: 6px;
  width: 30%;
  margin: 0 auto;
  padding: 0.8rem;
}
img.badge-google {
 width: 50%;
}
.google-stars, .google-stars span {
       background-size: 25px 22px;
       height: 22px;
       top: 1px;
       width: 123px;
   }
.google-stars {
       background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAWCAYAAAA1vze2AAAAxUlEQVR42rXUUQuEIAwH8GAQCIcQCIFPcUchCH3/b+f18D+MUdzmUhg9KPttag7K8fm3oJTCQwX4I3Z8uyERSOyJJCCpF+IA/ML1QAJDQg9kY8j2NEJIzIM0iD8iswSmQD5fkVrt+wkAeYh3wg84G6oP0jMZtV1h/dhy8EEIBMvtIiFCFmQSIpMFWYTIYkGyEMmtiL9ItmJr1os534JElmRm8zObjy1IqtXfPuvu1FXSIu5UHQkeT3St+Bmxv69BMbDe3SFf/+tYufyUsgoAAAAASUVORK5CYII=);
       background-repeat: repeat-x;
       display: inline-block;
       overflow: hidden;
       position: relative;
   }
.google-stars span {
       background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAWCAYAAAA1vze2AAAAqUlEQVR4AWLwySwkGv/YzgworgwwAIphGHqJXWgX6nl6q55o/GHxCX4bUx9hMK9JYwucFSmAubW2ZifED8Q7IXEgcmRqVNDsgBhBrAMSBJEiqwAGAaBRhiDvBk1A3mkRyb2CXSYLlmWFnbArffoMIrjS6qy3Sm/Z/068CPEbyKpKhfCDyA0yNE95MKtRGe9LiSz9O3hKclv6Y76ictQzqbmjyhIkyVi+8wCta5MKDP5AeAAAAABJRU5ErkJggg==);
       background-repeat: repeat-x;
       display: block;
   }

.avisgoogle i{
  color: #f5ae27;
  top:5px;
  margin-bottom: 5px;
}
.avisgoogle{
color: #ffffff;
font-size: 0.8em;
top: 10px;
}

   .menu ul > li.avisgoogle:hover > a:before,
  .menu ul > li.avisgoogle:hover > .item-nav:before {
    bottom: -6px;
    height: 0px;
    background-color: var(--rose);
    background: var(--rose);
    background: -webkit-linear-gradient();
    background: linear-gradient(); }
  .index .not-sticking .menu ul > li.avisgoogle:hover > a:before,
  .index .not-sticking .menu ul > li.avisgoogle:hover > .item-nav:before {
    bottom: -6px;
    height: 0px;
    background-color: var(--rose);
    background: var(--rose);
    background: -webkit-linear-gradient();
    background: linear-gradient(); }


    @media (max-width: 420px) {
      .header__logo img {
        margin-left: -20px;
        margin-top: 0px;
        max-width: 70%;
      }
    }