:root {
    --primary: #d15367 !important;
}

html { font-family: 'Poppins', sans-serif; }

@font-face {
    font-family: Poppins;
    src: url("/assets/fonts/Poppins/Poppins-Regular.ttf");
}
 
.lora {
    font-family: 'Poppins', sans-serif;
}
 a { text-decoration: none;}
.text-justify { text-align: justify;}
.menuLabel { font-size: 1.2rem;    position: relative;    top: 2px;}
.map  { width:100%; height:100%; background:url(/assets/img/map.jpg) no-repeat top center; } 
.nav-link.active { color:#f7775e !important;}
a:hover { text-decoration: none !important;}
.hidden { display: none;}
.btn-outline-primary { border-color: var(--primary); color: var(--primary) !important;  }
.btn-outline-primary:hover { background-color: #b32d42; color: white !important; border-color: var(--primary);}
.btn { border-radius: 30px; }
.btn-primary { background-color:#000; border: 0; border-radius: 10px; padding: 7px 15px; font-size: 1em; }
.btn-primary:hover { background-color:#252424; }
.text-primary { color: var(--primary) !important; } 
.bg-primary { background: var(--primary) !important; } 
.adsense { background: #e1a6a6; width: 140px; margin: 0px auto 20px auto;    color: white;    border-bottom-right-radius: 25px;     border-bottom-left-radius: 25px;}
 
.navbar { background-color:#fff !important; padding: 0 !important;} 


.btnFindAccomodation { padding:10px; border:1px solid #67d1c7; border-radius: 20px;}
.btnFindAccomodation:hover { background: #67d1c7; }

.slider { width: 100%; height: 900px; background: url(/assets/img/background1.jpg) no-repeat; background-size: cover; text-align: center; color: white;} 
.slider h1 { margin-top: 200px; font-size: 3em;} 
.sliderPlane h1 { margin-top: 200px; font-size: 3em;} 
.slider h3 { margin-top: 200px; font-size: 1.5em; text-shadow: 1px 1px 2px black;}  

.splide__pagination {
    bottom: -1rem !important;
}

.splide__arrow--prev {
    left: -2rem !important;
}

.splide__arrow--next {
    right: -2rem !important;
}
 
/*
    FADE PLUS LARGE A CAUSE DES IMG DE MODAUX
*/
.modal-backdrop {width: 200vw; height: 200vh; }
 
/*
    COMMON 
*/
.townTitle { width: 100%; height: 450px; color: white; font-size: 8em;  text-align: center;  text-shadow: 1px 1px 2px black;  padding-top: 104px;}


@media (max-width: 730px) 
{
    
}
@media (min-width: 400px) 
{
} 

@media (max-width: 400px) 
{
    .townTitle {font-size: 4em; }
    .slider h1 { margin-top: 100px; font-size: 2em; }
    .slider h3 { margin-top: 50px; font-size: 1.2em; padding-left: 17px; } 
}