@media (min-width:1650px) {
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
max-width: 1450px;
}
}
@media (max-width:1649px) {
/*********************************************************************************/
/************************************* MAISON ************************************/
/*********************************************************************************/
#maison-sidebar #maison-form.fixed { right: calc((100% - 1299px)/2); }
#maison-photos #maison-photo img { max-height: 600px; }
}
@media (max-width:1399px) {
/*********************************************************************************/
/********************************* OVERLAY MENU **********************************/
/*********************************************************************************/
#overlay-menu #overlay-menu-close-container { width:40%; }
#overlay-menu #overlay-container { width: 60%; }
/*********************************************************************************/
/*********************************** HIGHLIGHT ***********************************/
/*********************************************************************************/
form#searchForm { width: 94%; }
/*********************************************************************************/
/************************************* ACCUEIL ***********************************/
/*********************************************************************************/
#page-index #highlight .container .row > div form#searchForm div.basic > * { max-width: 170px; }
.accueil-theme { width:13%; }
.accueil-label { width:16%; }
/*********************************************************************************/
/************************************* MAISON ************************************/
/*********************************************************************************/
.maison-container { padding-right: 40px; }
#maison-sidebar #maison-form { width: 264px; }
#maison-sidebar #maison-form.fixed { right: calc((100% - 1119px)/2); }
#maison-photos #maison-photo img { max-height: 537px; }
}
@media (max-width:1199px) {
/*********************************************************************************/
/*********************************** TEMPLATES ***********************************/
/*********************************************************************************/
.tpl-miniature-maison { width: 32%; margin-left:2%; }
.tpl-miniature-maison:nth-child(4n+1) { margin-left: 2%; }
.tpl-miniature-maison:nth-child(3n+1) { margin-left: 0; }
.tpl-miniature-actualite > div { width: 100%; }
.tpl-miniature-actualite .tpl-miniature-actualite-infos { padding: 1.5rem 0 35px; position: relative; }
/*********************************************************************************/
/************************************* HEADER ************************************/
/*********************************************************************************/
#header #header-body #header-center #header-slogan p { font-size: 1.142rem; }
#header #header-body #header-center #header-slogan a { margin-left: 15px; }
#header #header-body #header-center #header-slogan a:not(.link-slogan) { margin-left: 15px; }
#header #header-body #header-right #nav-toggle .hamburger-lines { width: 60px; }
#header #header-body #header-right #header-actions { margin-right: 1.5rem; }
/*********************************************************************************/
/********************************* OVERLAY MENU **********************************/
/*********************************************************************************/
#overlay-menu #overlay-menu-close-container { width:30%; }
#overlay-menu #overlay-container { width: 70%; }
/*********************************************************************************/
/*********************************** HIGHLIGHT ***********************************/
/*********************************************************************************/
form#searchForm div.basic > * { max-width: 150px; }
form#searchForm div.advanced > * { width: calc((100% - 5rem) / 4); }
form#searchForm div.advanced div.checkboxes { width: 100%; }
form#searchForm div.advanced div.checkboxes label.checkbox { width: auto; margin-right: 1rem; }
/*********************************************************************************/
/************************************* ACCUEIL ***********************************/
/*********************************************************************************/
#page-index #highlight .container .row > div form#searchForm div.basic > * { max-width: 125px; }
.accueil-theme { width:25%; }
/*********************************************************************************/
/************************************* MAISON ************************************/
/*********************************************************************************/
.maison-container { padding-right: 10px; }
#maison-sidebar #maison-form { padding: 1rem 0.5rem; max-width: 100%; width:219px; }
#maison-sidebar #maison-form.fixed { right: calc((100% - 960px)/2); }
#maison-photos #maison-photo img { max-height: 467px; }
/*********************************************************************************/
/************************************* FOOTER ************************************/
/*********************************************************************************/
#footer #footer-1 { order: 1; margin-bottom: 20px; }
#footer #footer-2 { order: 3; }
#footer #footer-3 { order: 4; }
#footer #footer-4 { order: 2; margin-bottom: 20px; }
}
@media (max-width:991px) {
/*********************************************************************************/
/************************************* HEADER ************************************/
/*********************************************************************************/
#header #header-body #header-center #header-slogan a { display: none; }
#header #header-body #header-right #nav-toggle .hamburger-lines { width: 50px; }
#header #header-body #header-right #header-actions { margin-right: 1rem; }
/*********************************************************************************/
/********************************* OVERLAY MENU **********************************/
/*********************************************************************************/
#overlay-menu #overlay-menu-close-container { width:20%; }
#overlay-menu #overlay-container { width: 80%; }
/*********************************************************************************/
/*********************************** HIGHLIGHT ***********************************/
/*********************************************************************************/
form#searchForm { width: 100%; }
form#searchForm div.basic > * { max-width: 120px; }
form#searchForm div.basic > label { justify-content: center; }
body#page-index #highlight .container .row > div a#seeMap { max-width:none; width: 100%; border-top-right-radius: 0; }
#breadcrumb { display: none; }
/*********************************************************************************/
/************************************* ACCUEIL ***********************************/
/*********************************************************************************/
#highlight .container .row > div { flex-direction: column; width:100%; }
#page-index #highlight .container .row > div form#searchForm { border-top-right-radius: 25px; border-bottom-left-radius: 0; width:100%; }
#page-index #highlight .container .row > div a#seeMap { padding-top: 0.5rem; padding-bottom: 0.5rem; border-bottom-left-radius: 25px; border-top-right-radius: 0; max-width: 100%; }
.accueil-label { width:20%; margin:0 6.5% 2rem; }
.accueil-label:nth-child(5n+1) { margin-left:6.5%; }
/*********************************************************************************/
/************************************* MAISON ************************************/
/*********************************************************************************/
#maison-sidebar #maison-form { border-bottom-right-radius: 0; border-bottom-left-radius: 0;}
#maison-sidebar #maison-form h3 { width: 100%; display: flex; justify-content: space-between; align-items: center; padding: 0 1rem; cursor: pointer; }
#maison-sidebar #maison-form h3::after { content: "arrow_drop_up"; font-family:'Material Symbols Outlined'; font-size:2rem; transform: rotate(180deg); }
body.sidebarHidden #maison-sidebar #maison-form h3 { margin-bottom: 0; }
body.sidebarHidden #maison-sidebar #maison-form h3::after { transform: rotate(0); }
body.sidebarHidden #maison-sidebar #maison-form :is(input, select, #maison-form-actions) { display: none; }
#maison-sidebar #maison-form { position: fixed; right: 0!important; bottom: 0; width: 100%; top: auto!important; display: flex; z-index:10; flex-wrap: wrap; justify-content: space-between; flex-direction: row; }
#maison-sidebar #maison-form #DateDebut, #maison-sidebar #maison-form #DateFin { width: 49%; }
#maison-sidebar #maison-form select { width: 31%; }
#maison-sidebar #maison-form #maison-form-actions { display: flex; align-items: center; width: 100%; justify-content: space-around; }
#maison-sidebar #maison-form #maison-form-actions #maison-form-tarif { margin-bottom: 0; }
#maison-sidebar #maison-form #maison-form-actions #maison-form-boutons { flex-direction: row; justify-content: space-around; width:50%; }
#maison-sidebar #maison-form #maison-form-actions #maison-form-boutons .btn + .btn { margin-top: 0;}
body#page-location.sidebarHidden #footer { padding-bottom: 100px; }
body#page-location #footer { padding-bottom: 265px; }
}
@media (max-width:767px) {
.nav-tabs .nav-item { width: 48%; }
.nav-tabs .nav-item + .nav-item { margin-top:1rem; }
.nav-tabs .nav-item:nth-child(2) { margin-top:0rem; }
.nav-tabs .nav-item .nav-link { width: 100%; text-align: center; padding: 2px 0; }
/*********************************************************************************/
/*********************************** TEMPLATES ***********************************/
/*********************************************************************************/
.tpl-miniature-maison { width: 49%; }
.tpl-miniature-maison:nth-child(3n+1) { margin-left: 2%; }
.tpl-miniature-maison:nth-child(2n+1) { margin-left: 0; }
/*********************************************************************************/
/************************************* HEADER ************************************/
/*********************************************************************************/
#header #header-body #header-center #header-slogan p { font-size: 0.8rem; padding-left: 10px; }
/*********************************************************************************/
/*********************************** HIGHLIGHT ***********************************/
/*********************************************************************************/
form#searchForm div.basic > * { width:calc((100% - 1.5rem) / 3); margin: 0.25rem; max-width: none; }
form#searchForm div.basic > input[type=submit] { margin: auto; }
form#searchForm div span.showAdvanced { margin: 0.5rem; }
form#searchForm div.advanced > * { margin: 0.25rem; width: calc((100% - 1.5rem) / 3); }
form#searchForm div.advanced div.checkboxes { margin: 0.25rem; width: 65%; }
form#searchForm div.advanced div.checkboxes label.checkbox { width: 48%; margin-right: 0; }
/*********************************************************************************/
/************************************* ACCUEIL ***********************************/
/*********************************************************************************/
#page-index #highlight { height: 275px; }
#page-index #highlight .container .row { align-items: flex-start; padding-top: 2rem; }
#page-index #highlight .container .row > div form#searchForm { padding-right: 1rem; }
#page-index #highlight .container .row > div form#searchForm div.basic > * { max-width: none; }
.accueil-theme { width:33.33%; }
.accueil-label { width:30.33%; margin:0 1.5% 2rem; }
.accueil-label:nth-child(5n+1) { margin-left:1.5%; }
/*********************************************************************************/
/************************************ RECHERCHE **********************************/
/*********************************************************************************/
form#markers { flex-direction: column; align-items: flex-start; }
form#markers::before { margin:0 0 0.5rem; }
form#markers div.labels label span img { margin-right: 0px; }
/*********************************************************************************/
/************************************** MAISON ***********************************/
/*********************************************************************************/
body#page-location .ancre-container { display: none; }
#maison-equipements-content .tab-pane .equipements-list { width: 48%; margin: 0 1%; }
#maison-equipements-content .tab-pane .equipements-list + .equipements-list { margin-top: 2rem; }
#maison-equipements-content .tab-pane .equipements-list:nth-child(2) { margin-top: 0; }
#maison-photos #maison-photo img { max-height: 347px; }
/*********************************************************************************/
/************************************* CONTENU ***********************************/
/*********************************************************************************/
.actualite-visuel { float:none; margin: 0 0 30px; }
/*********************************************************************************/
/************************************* FOOTER ************************************/
/*********************************************************************************/
#footer .footer-img-logo { justify-content: center; }
#footer #footer-1 { order: 1; text-align: center; }
#footer #footer-1 img { margin: 0 auto 1.5rem; }
#footer #footer-2 { order: 2; text-align: center; margin-bottom: 20px; }
#footer #footer-3 { order: 3; text-align: center; margin-bottom: 20px; }
#footer #footer-4 { order: 4; text-align: center; margin-bottom: 0; }
}
@media (max-width:575px) {
.slick-slider { padding: 0 10px; }
.slick-arrow.slick-prev { left: -15px; }
.slick-arrow.slick-next { right: 0px; }
/*********************************************************************************/
/*********************************** TEMPLATES ***********************************/
/*********************************************************************************/
.tpl-miniature-actualite { width: 80%; margin-left: auto!important; margin-right: auto; }
/*********************************************************************************/
/************************************* HEADER ************************************/
/*********************************************************************************/
#header #header-body #header-left { text-align: left; }
#header #header-body #header-center { display: none!important; }
/*********************************************************************************/
/********************************* OVERLAY MENU **********************************/
/*********************************************************************************/
#overlay-menu #overlay-menu-close-container { width:10%; padding-left: 0; padding-right: 0; text-align: center; }
#overlay-menu #overlay-container { width: 90%; }
/*********************************************************************************/
/*********************************** HIGHLIGHT ***********************************/
/*********************************************************************************/
form#searchForm div.advanced div.checkboxes { margin: 0.25rem; width: 100%; }
form#searchForm div.advanced div.checkboxes label.checkbox { width: auto; margin-right: 1rem; }
/*********************************************************************************/
/************************************ RECHERCHE **********************************/
/*********************************************************************************/
form#markers div.labels label { width: calc((100% - 2rem)/3); }
form#markers div.labels label span img { margin-right: 5px; }
form#markers div.labels label + label { margin-left: 0; }
#page-search .counter-location span { display: none; }
/*********************************************************************************/
/************************************* ACCUEIL ***********************************/
/*********************************************************************************/
#page-index #highlight .container .row div a.btn-last-minute { right: 1rem; }
.accueil-theme { width:49%; }
.accueil-label { width:49%; margin:0 0.5% 2rem; }
.accueil-label:nth-child(5n+1) { margin-left:0.5%; }
#maison-sidebar #maison-form select { width: 100%; }
#maison-sidebar #maison-form #maison-form-actions { flex-direction: column; }
#maison-sidebar #maison-form #maison-form-actions #maison-form-boutons { width:100%; margin-top: 1rem; }
#maison-sidebar #maison-form #maison-form-actions #maison-form-boutons .btn + .btn { margin-top: 0;}
body#page-location #footer { padding-bottom: 390px; }
/*********************************************************************************/
/************************************** MAISON ***********************************/
/*********************************************************************************/
#maison-photos #maison-photo img { max-height: 274px; }
#maison-photos #maison-photo .slick-arrow.slick-prev { left: -15px; }
}
@media (max-width:449px) {
/*********************************************************************************/
/*********************************** TEMPLATES ***********************************/
/*********************************************************************************/
.tpl-miniature-maison { width: 100%; margin-left: 0!important; }
.tpl-miniature-actualite { width: 100%; }
/*********************************************************************************/
/*********************************** HIGHLIGHT ***********************************/
/*********************************************************************************/
form#searchForm div.basic > * { width:calc((100% - 1rem)/2); }
form#searchForm div.advanced > * { width:calc((100% - 1rem)/2); }
/*********************************************************************************/
/************************************* ACCUEIL ***********************************/
/*********************************************************************************/
.accueil-label { width:100%; margin:0 0 2rem; }
.accueil-label:nth-child(5n+1) { margin-left:0; }
/*********************************************************************************/
/************************************** MAISON ***********************************/
/*********************************************************************************/
#maison-photos #maison-photo img { max-height: 224px; }
}
@media (max-width:374px) {
.nav-tabs .nav-item { width: 100%; }
.nav-tabs .nav-item:nth-child(2) { margin-top:1rem; }
/*********************************************************************************/
/************************************ RECHERCHE **********************************/
/*********************************************************************************/
form#markers div.labels label { width: calc((100% - 1rem)/2); }
/*********************************************************************************/
/************************************** MAISON ***********************************/
/*********************************************************************************/
#maison-equipements-content .tab-pane .equipements-list { width: 100%; margin: 0; }
#maison-equipements-content .tab-pane .equipements-list:nth-child(2) { margin-top: 2rem; }
#maison-photos #maison-photo img { max-height: 187px; }
}