body { font-family:'LatoLatinWeb' , sans-serif; font-style: normal; font-size:16px; color:#333; background:#FFF; }

.transition { transition:all .25s ease; }

.btn-admin { color:#333; opacity:.25;}
.btn-admin:hover { opacity:1}

.text-blue { color: #59c9ed; }
.btn-blue { background-color: #59c9ed; color:#333; }
.btn-blue:hover { background-color: #51b6d8; }
.btn-blue.active { background-color: #51b6d8; color:white; }

.bg-red { background-color: #be1622; }
.text-red { color: #be1622; }
.bg-vert { background-color: #3fc359; }
.text-vert { color: #00aa88 }

.btn-orange { background-color: #ffa500; color:#FFF; }
.btn-orange:hover { background-color: #ffc250; }
.btn-orange.active { background-color: #ffa500; color:white; }

.bg-orangel { background-color: #FFF4E8 }
.bg-orangem { background-color: #f8ecdf }
.border-radius-sm { border-radius: 16px; }
.border-radius-md { border-radius: 22px; }
.border-radius-lg { border-radius: 28px; }
.border-radius-lg-top { border-radius: 28px 28px 0 0; }
.border-radius-lg-bottom { border-radius: 0 0 28px 28px; }

.img img { position:relative; top:-30px }

.vertical-line-dot { background: url('/assets/img/linedot-vertical.png') repeat-y center; }

.bg-page-estimation { background:url('/assets/img/bg-page-estimation.jpg') no-repeat 0 0; background-size:cover }
.bg-estime { background:url('/assets/img/bg-estimation-3.jpg') no-repeat 0 0; background-size:cover }
.bg-newsletter { background: url('/assets/img/bg-newsletter.jpg') no-repeat bottom left; }
.bg-cadre-estimation { background: url('/assets/img/bg-cadre-estimation.jpg') no-repeat 0 0; background-size: cover; }
.bg-cadre-contact { background: url('/assets/img/bg-cadre-contact.jpg') no-repeat 0 0; background-size: cover; }

.pointer { cursor:pointer; }

.font-xxsmall { font-size:.6em;}
.font-xsmall { font-size:.7em;}
.font-small {font-size: 0.8em;}
.font-normalinf {font-size: 0.9em;}
.font-normal {font-size: 1em;}
.font-normalsup { font-size:1.1em;}
.font-medium { font-size:1.2em;}
.font-large { font-size:1.3em;}
.font-xlarge { font-size: 1.4em}
.font-xxlarge { font-size:1.5em;}
.font-giant { font-size:1.6em;}

.text-orange {color: #ffa500; }
.link-orange { color: #ffa500; text-decoration: none; }
.link-orange:hover { color: #f8b63c; }
.link-white { color: white; text-decoration:none }
.link-white:hover { color: orange;  }

.transition { transition:all .3s ease; }

.margin-top { margin-top: 115px;}

.img-100 { width:100%; }

nav a.pill { background-color:  orange; color:white;padding:5px 15px;border-radius:19px;}
nav a.pill:hover { background-color: rgb(209, 136, 0); color:white; text-decoration:none; }

nav a.pilli { color:#666;}
nav a.pilli:hover { color:black; }

.a-white { color:white; text-decoration:none;}
.a-white:hover { color:orange;}

.bg-white-5 { background-color: rgba(255, 255, 255, 0.5);}
.bg-orange {background-color: #ffa500; }
.bg-orange-opaque { background-color: #ffa50082}

.search-select { font-size:1.2rem;}

.menu { position:relative; width:960px; display:flex;  justify-content: end; align-items: start; }
.toggle-menu { position: fixed; top:10px; right:10px;}
.menu a { text-decoration:none; color:black; }
.nav-item { display:inline-block; }
.nav-link { font-size: 18px; }

.moteur-homepage { position: absolute; bottom:20px; width:840px; margin-left:calc(50% - 420px)}

.photo-top-detail {  background-position: 50% 50%; background-size: cover; }
#mapid { height:280px;}
.barre-info { flex-direction: row;}

.badge-icone { width:96px; }

.swiper-container { position:relative;}
.swiper-info { position: absolute; bottom:5%;left:50%; width: 40%; background-color: #00000026; color: white;padding:16px; border-radius:16px;  box-shadow: 0 0 3px #00000026;   -webkit-backdrop-filter: blur(3px);backdrop-filter: blur(3px);}
.swiper-info-2 { position: absolute; bottom:5%;left:5%; right: 5%; background-color: #00000026; color: white;padding:16px; border-radius:16px;  box-shadow: 0 0 3px #00000026;   -webkit-backdrop-filter: blur(3px);backdrop-filter: blur(3px);}
.swiper-pagination-bullet {width:14px!important; height:14px!important; }
.swiper-pagination .swiper-pagination-bullet-active { background-color: #ffa500}
.swiper-button-next, .swiper-button-prev { color: #ffa500!important; }
.mobile { display: none!important;} 
.mobile-flex { display: none!important;}
.desktop { display: block!important;}
.desktop-flex { display: flex!important; }
.desktop-inline { display:inline; }

header.header-lilmo { position: fixed; width:100%; top:0; left:0; z-index: 101; }
.header-logo { border-radius:0 0 16px 16px; }
.header-margin { width: 1100px; margin: auto;  display:flex; }
ul.navsbar-nav { border-radius:0 0 16px 16px; }

.bg-blur { background-color: #00000026; -webkit-backdrop-filter: blur(3px);backdrop-filter: blur(3px); }

.dropdown-menu {padding:16px; border: none; border-radius:0 0 16px 16px;}

@media only screen and (max-width:1100px) 
{
    .mobile { display: block!important;}
    .mobile-flex { display: flex!important;}
    .desktop { display: none!important;}
    .desktop-inline { display:none; }
    .desktop-flex { display:none!important; }

    .carousel-item  img { width:300%!important; position:relative; }

    .menu { position:fixed; left:100%; height:100%; padding-left:30px; flex-direction: column; top:0; background-color: white; text-align: left; align-items:flex-start; justify-content: start;  }
    .nav-item { display:block; }

    .moteur-homepage { position:relative; width:90%; top:150px;margin: auto!important;}
    .barre-info { flex-direction: column;}

    .badge-icone { width:64px; }
    .header-margin { width: 100%; }

    .swiper-info { left:0; width:100%; }
}