/* ***************************************************** */
/* #region                Fonts                          */
/* ***************************************************** */
@font-face {
    font-family: 'Roboto-Thin';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/Roboto-Thin.eot');
    src: local(''), url('fonts/Roboto-Thin.eot?#iefix') format('embedded-opentype'),
    url('fonts/Roboto-Thin.woff2') format('woff2'),
    url('fonts/Roboto-Thin.woff') format('woff'),
    url('fonts/Roboto-Thin.ttf') format('truetype'),
    url('fonts/Roboto-Thin.svg#Roboto-Thin') format('svg');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/roboto-v20-latin-regular.eot');
    src: local(''), url('fonts/roboto-v20-latin-regular.eot?#iefix') format('embedded-opentype'),
    url('fonts/roboto-v20-latin-regular.woff2') format('woff2'),
    url('fonts/roboto-v20-latin-regular.woff') format('woff'),
    url('fonts/roboto-v20-latin-regular.ttf') format('truetype'),
    url('fonts/roboto-v20-latin-regular.svg#Roboto') format('svg');
}
/* ***************************************************** */
/* #endregion                Fonts                       */
/* ***************************************************** */

/* #region CSS divers */
body {
    width: auto;
    margin: 0;
    padding: 0;
    font-size: 0.09259vh;
}
p {
    margin: 0;
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0;
    margin-inline-end: 0;
}
.svg_transparent {
    fill: rgba(0, 0, 0, 0);
}
.interface_color_svg {
    fill: #dbad55;
}
.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
}
.pointer {
    cursor: pointer;
}
.fond {
    position:absolute;
    left:0; top:0; width:100%; height:100%;
}
.cursor_hand {
    cursor: pointer;
}
/* #endregion */

/* #region Page Plans - Général */

#plans_container {
    position: absolute;
    right: 0;
    top: 0;
    width:86.98%;
    height:100%;
    margin: 0;
    padding: 0;
}

#plans_main_container {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: white;
    overflow: hidden;
}

#plans_recherche_container {
    position: absolute;
    left: 3.3%;
    bottom: 0;
    width: 33%;
    height: 100%;
}

#plans_display_container {
    position: absolute;
    left: 40%;
    bottom: 0%;
    width: 60%;
    height: 83.333%;
    background-color: white;
}



/* #endregion */

/* #region Page Plans - Recherche */
#plans_recherche_titre {
    position: absolute;
    left: 0;
    color: #DBAD55;
    font-family: 'Roboto';
    text-transform: uppercase;
    margin: 0;
}
#plans_recherche_titre_details {
    position: absolute;
    left: 0;
    font-family: "Roboto";
    text-align: start;
    margin: 0;
}
#plans_recherche_background {
    position: absolute;
    right: 60%;
    top: 40.74%;
    width: 40%;
    height: 49%;
}
.plans_recherche_background_forme {
    fill: #e9e9e9;
    opacity: 0.78;
}
#plans_selection_container {
    position:absolute;
    left: 0%;
    top: 40.74%;
    width: 100%;
    height: 49%;
    display:flex;
    flex-flow: column nowrap;
    justify-content: center;
 }


.plans_checkbox_checked {
    visibility: hidden;
}
.plans_checkbox_unchecked {
    visibility: visible;
}

/* Recherche boutons Typologie */
#plans_selection_typo_big_container {
    /* position: absolute;
    left: 0;
    top: 43.148%; */
}
#plans_selection_typo_container {
    display: flex;
    flex-flow: row wrap;
}
#plans_selection_typo_titre {
    margin: 0;
    width: auto;
    font-family: "Roboto";
}
.plans_typo_element {
    display: flex;
    flex-flow: column nowrap;
}
.plans_typo_elem {
    position: relative;
}
.plans_typo_background {
    position: relative;
    left: 0;
    bottom: 0;
    background-color: #FFF;
}
.plans_typo_foreground {
    position: relative;
    margin: 0;
}
.plans_typo_element_nom {
    font-family: "Roboto-Thin";
    text-align: center;
}
.plans_typo_element_checkbox {
    text-align: center;
}
.plans_typo_element_checkbox>svg {
    margin: 0;
}

/* Recherche boutons Exterieur */
#plans_selection_exterieur_big_container {
    /* position: absolute; */
    /* left: 0;
    top: 57.315%; */
}
#plans_selection_exterieur_titre {
    font-family: "Roboto";
    margin: 0;
    width: auto;
}
#plans_selection_exterieur_container {
    display: flex;
    flex-flow: row wrap;
}
.plans_exterieur_element {
    display: flex;
    flex-flow: column nowrap;
}
.plans_exterieur_element_nom {
    font-family: 'Roboto-Thin';
    font-weight: bold;
    text-align: center;
}
.plans_exterieur_elem {
    position: relative;
}
.plans_exterieur_icon {
    position: absolute;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: flex-start;
    left: 0;
    right: 0;
    margin: auto;
    width: auto;
}
.plans_exterieur_icon svg {
    width: auto;
    height: 100%;
    margin: 0;
}
.plans_exterieur_background {
    position: relative;
    left: 0;
    bottom: 0;
    background-color: #FFF;
}
.plans_exterieur_foreground {
    position: relative;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    margin: 0;
}
.plans_exterieur_element_checkbox {
    text-align: center;
}
.plans_exterieur_element_checkbox>svg {
    height: auto;
}

/* Slider recherce */
#plans_selection_surface_big_container {
    /* position: absolute; */
    /* left: 0;
    top: 71.296%; */
}
#plans_selection_surface_titre {
    font-family: "Roboto";
    margin: 0;
    width: auto;
}
#plans_selection_surface_container {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
}
#plans_selection_surface_container>input {
    display: block;
    width: 80px;
    font-size: 1.2em;
    margin: 15px;
}
#plans_surface_min {
    position: absolute;
    left: -0.6vh;
    top: -3.5vh;
    width: 6vh;
    height: 1.5vh;
    text-align: left;
}
#plans_surface_max {
    position: absolute;
    right: 0.6vh;
    top: -3.5vh;
    width: 6vh;
    height: 1.5vh;
    text-align: right;
}
.plans_surface_txt {
    font-family: "Roboto-Thin";
    font-weight: bold;
    font-size: 1.4vh;
    color: black;
}


/* ---------------------------------- */
/* #region Selector - Slider          */

#tri_multi_range_slider {
	position: relative;
	/* margin-left: auto;
	margin-right: auto; */
	margin-top: 40px;
	margin-bottom: 30px;
	width: 90%;
}
.tri_slider {
	position: relative;
	z-index: 1;
	height: 10px;
	margin: 0 15px;
	/* margin: 0 15px; */
}
.tri_slider>.track {
	position: absolute;
	z-index: 1;
	left: 0;
	top: 4px;
	height: 2px;
	width: 100%;
	background-image: url('../assets/plans/tri_slider_track_fond.svg');
	background-position: 0 0;
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
.tri_slider>.range {
	position: absolute;
	z-index: 2;
	left: 25%;
	right: 25%;
	top: 4px;
	height: 4px;
	background-color: #DBAD55;
}
.tri_slider>.thumb {
	position: absolute;
	z-index: 3;
	width: 20px;
	height: 20px;
	background-image: url('../assets/plans/tri_slider_thumb_fond.svg');
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	border-radius: 50%;
	box-shadow: 0 0 0 0 rgba(219, 173, 85, 0.1);
	transition: box-shadow .3s ease-in-out;
}
.tri_slider>.thumb.left {
	left: 25%;
	transform: translate(-15px, -5px);
}
.tri_slider>.thumb.right {
	right: 25%;
	transform: translate(15px, -5px);
}
.tri_slider>.thumb.hover {
	box-shadow: 0 0 0 10px rgba(219, 173, 85, 0.1);
}
.tri_slider>.thumb.active {
	box-shadow: 0 0 0 15px rgba(219, 173, 85, 0.2);
}
.tri_slider>.nombre {
	position: absolute;
	z-index: 3;
	font-size: 12px;
	font-family: 'Roboto';
	color: #DBAD55;
}
.tri_slider>.nombre.left {
	transform: translate(calc(-50% - 5px), 18px);
}
.tri_slider>.nombre.right {
	transform: translate(calc(50% + 5px), 18px);
}
.tri_slider > #tri_slider_min {
	position: absolute;
	z-index: 1;
	left: 0px;
	top: -25px;
	width: auto;
	height: 10px;
}
.tri_slider > #tri_slider_max {
	position: absolute;
	z-index: 1;
	right: 0px;
	top: -25px;
	width: auto;
	height: 10px;
}
input[type=range] {
	position: absolute;
	pointer-events: none;
	-webkit-appearance: none;
	z-index: 2;
	height: 10px;
	width: 100%;
	opacity: 0;
	cursor: pointer;
	margin:0;
}
input[type=range]::-webkit-slider-thumb {
	pointer-events: all;
	width: 30px;
	height: 30px;
	border-radius: 0;
	border: 0 none;
	background-color: red;
	-webkit-appearance: none;
}

/* #endregion */
/* ---------------------------------- */






/* #plans_surface_slider_range {
    width: 29.63vh;
    margin-top:33px;
}
.ui-slider-horizontal {
    height: .1vh;
}
.ui-widget-content {
    border: none;
    background: #6D6D6D;
}
#plans_surface_slider_range .ui-slider-range {
    background: #dbad55;
}
#plans_surface_slider_range .ui-slider-handle {
    outline: 0;
    top: -.6vh;
    border: 0;
    width: 1.2vh;
    height: 1.2vh;
    border-radius: 50%;
    background: #dbad55;
    cursor: pointer;
}
#slider_range_min {
    position: absolute;
    left: -3vh;
    top: 1.2vh;
    width: 6vh;
    height: 1.5vh;
}
#slider_range_max {
    position: absolute;
    right: -3vh;
    top: 1.2vh;
    width: 6vh;
    height: 1.5vh;
}
.slider_txt {
    font-family: "Roboto-Thin";
    font-weight: bold;
    font-size: 1.5vh;
    text-align: center;
    color: black;
}
#plans_surface_separator {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.3vh;
    font-weight: bold;
    color: #dbad55;
    margin: 15px 5px;
}
#plans_infos_telecharger:hover #plans_infos_telecharger_fleche {
    stroke:#fff;
    fill:#dbad55;
}
#plans_infos_telecharger:hover #plans_infos_telecharger_fond_fleche {
    fill:#f1f1f1;
} */

/* #endregion */

/* #region Page Plans - Display */

#plans_swiper_container {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 10%;
    width: 100%;
    height: 90%;
    margin-left: auto;
    margin-right: auto;
}

.swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    background: #fff;
    height: calc(100% / 3);
}

.swiper-pagination {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 10%;
    margin: auto;
}

.swiper-pagination-bullet {
    background-color: white;
    border-color: #dbad55;
    border-style: dashed;
    border-width: 1px;
    top: 0;
    bottom: 0;
    width: 1.851vh;
    height: 1.851vh;
    margin-left: 0.9255vh;
    margin-right: 0.9255vh;
    margin-top: 3.472vh;
    margin-bottom: 3.472vh;
    opacity: 1.0;
}

.swiper-pagination-bullet-active {
    background-color: #dbad55;
    border-color: #dbad55;
    border-style: solid;
    border-width: 1px;
    /* opacity: 0.21; */
    outline: none;
    box-shadow: none;
}

#plans_display_loader {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    background-color: rgba(255, 255, 255, 1);
    display: none;
}

.plans_vignette_text_area {
    position: absolute;
    bottom: 1.5vh;
    margin: 0;
    left: 1.5vh;
    right: 1.5vh;
    width: calc(100% - 3vh);
    height: calc(37.736% - 1.5vh);
    background-color: #EEEEEE;
    color: black;
    font-family: "Roboto";
    font-size: 13em;
    letter-spacing: 0.153em;
    line-height: 1.384em;
    opacity: 0.6;
}

.plans_vignette_img_area {
    position: absolute;
    bottom: 37.736%;
    border-color: #dbad55;
    border-style: solid;
    border-width: 2px;
    left: 1.5vh;
    right: 1.5vh;
    width: calc((100% - 3vh) - 4px);
    height: calc(47.17% - 4px);
}

.plans_vignette_img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.plans_vignette_title_area {
    position: absolute;
    display: block;
    top: 1.5vh;
    margin: 0;
    left: 1.5vh;
    right: 1.5vh;
    width: calc(100% - 3vh);
    height: calc(15.094% - 1.5vh);
}

.plans_vignette_title {
    position: absolute;
    left: 0;
    bottom: 1.5vh;
    height: 100%;
    color: #dbad55;
    font-family: "Roboto";
    font-size: 3.425vh;
}

.plans_favoris_selected {
    fill: #dbad55;
    stroke-width: 0px;
    stroke: none;
}

.plans_favoris {
    fill: rgba(0, 0, 0, 0);
    stroke-width: 2px;
    /*stroke: black;*/
    stroke: #DBAD55;
}

.plans_bt_favoris {
    position: absolute;
    bottom: 0.5vh;
    right: 0;
    margin: 0;
    width: 2.22vh;
    height: 2.22vh;
}

.plans_bt_loupe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 3.241vh;
    height: 3.241vh;
}

.plans_loupe_background {
    fill: #fff;
    stroke-dasharray: 19;
    stroke: #dbad55;
}

.plans_loupe_ico {
    fill: #fff;
    stroke-miterlimit: 10;
    stroke-width: 2px;
    stroke-linecap: round;
    stroke: #dbad55;
}

/* #endregion */

/* #region Bouton retour */
#plans_back {
    position: absolute;
    left: 10%;
    top: 2.8%;
    height: 1.944%;
    margin: 0;
    cursor: pointer;
}
.plans_fleche {
    fill: #fff;
    stroke: #dbad55;
    stroke-miterlimit: 10;
}

.plans_precedent_text {
    font-size: 13px;
    fill: #dbad55;
    font-family: 'Roboto-Thin', 'Roboto';
    font-weight: 200;
    letter-spacing: 0.09em;
}

.plans_precedent_text_spacing {
    letter-spacing: 0.08em;
}
/* #endregion */



/* #region Page Plans - Lightbox */
#plans_lightbox {
    position: absolute;
    right: 0;
    top: 0;
    margin: 0;
    padding: 0;
    /* width: 1670px; */
    width: 100%;
    height: 100%;
    background-color: white;
    overflow: hidden;
    z-index: 2;
}

.plans_lightbox_click_area {
    background-color: rgba(255, 255, 255, 0);
}

#plans_lightbox_back {
    display: block;
    position: absolute;
    left: 4.49%;
    top: 2.778%;
    width: 5.689%;
    height: 1.944%;
    margin: 0;
    cursor: pointer;
}

.plans_lightbox_img {
    position: absolute;
    left: 12.575%;
    top: 18.98%;
    width: 59.58%;
    height: 68.98%;
    margin: 0;
}

.plans_lightbox_title {
    position: absolute;
    left: 12.575%;
    top: 12.5%;
    width: 10%;
    height: 4.63%;
    margin: 0;
    color: #dbad55;
    font-family: "Roboto";
    font-size: 3.425vh;
}

.plans_infos_area {
    position: absolute;
    right: 1.0475%;
    top: 18.98%;
    width: 25.75%;
    height: 68.98%;
    margin: 0;
    color: #000000;
    font-family: "Roboto";
    font-size: 1.574vh;
    font-weight: bold;
}

.plans_infos_area ul {
    position:relative;
    list-style-type: none;
    list-style-position: inside;
    margin: 0;
    padding: 0;
}

.plans_infos_area ul li {
    display: flex;
    flex-wrap: nowrap;
    vertical-align: top;
    align-items: center;
    line-height: 3.241vh;
    margin: 0;
    padding: 0;
}

.plans_infos_area ul li span {
    color: #DBAD55;
}

.plans_infos_area ul li a {
    font-family: "Roboto-Thin";
    font-size: 1.574vh;
    font-weight: normal;
    text-decoration-color: #000000;
    text-decoration-line: underline;
}

.plans_lightbox_selector {
    position: absolute;
    left: 67.365%;
    top: 12.5%;
    margin: 0;
    width: 6.945vh;
    height: 4.630vh;
}

.plans_lightbox_selector_text {
    position: absolute;
    top: 0;
    margin: 0;
    width: 3.45vh;
    height: 2.315vh;
    font-family: "Roboto";
    font-size: 1.715vh;
}

#plans_lightbox_selector_false {
    left: 0;
    text-align: start;
    color: #000000;
}

#plans_lightbox_selector_true {
    right: 0;
    text-align: end;
    color: #E9E9E9;
}

.switch {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 4.630vh;
    height: 2.315vh;
    border-radius: 2.315vh;
    background-color: #E9E9E9;
}

.switch_cursor {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin: 0;
    width: 2.315vh;
    height: 2.315vh;
    border-radius: 2.315vh;
    background-color: #DBAD55;
}

#plans_zoom {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-style: solid;
    border-width: 1px;
    border-color: #dbad55;
}

.hide {
    opacity: 1.0;
    visibility: visible;
    animation: 0.8s hideEl;
    animation-fill-mode: forwards;
}

.unhide {
    opacity: 0.0;
    visibility: hidden;
    animation: 0.8s unhideEl;
    animation-fill-mode: forwards;
}

@keyframes hideEl {
    0% {
        opacity: 1.0;
        visibility: visible;
    }
    100% {
        opacity: 0.0;
        visibility: hidden;
    }
}

@keyframes unhideEl {
    0% {
        opacity: 0.0;
        visibility: hidden;
    }
    100% {
        opacity: 1.0;
        visibility: visible;
    }
}
/* #endregion */

/* #region Loader animation CSS */

.lds-ring {
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 80px;
    height: 80px;
    transform: translate(-50%, -50%);
}

.lds-ring div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 64px;
    height: 64px;
    margin: 8px;
    border: 8px solid #dbad55;
    border-radius: 50%;
    animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: #dbad55 transparent transparent transparent;
}

.lds-ring div:nth-child(1) {
    animation-delay: -0.45s;
}

.lds-ring div:nth-child(2) {
    animation-delay: -0.3s;
}

.lds-ring div:nth-child(3) {
    animation-delay: -0.15s;
}

@keyframes lds-ring {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

/* #endregion */

/* #region css-rules */
@media (min-width:1801px) {
    #plans_recherche_titre {
        top: 16.667%;
        font-size: 46em;
        letter-spacing:0.180em;
    }
    #plans_recherche_titre_details {
        top: 30.092%;
        font-size: 15px;
    }

    #plans_selection_typo_titre {
        font-size: 26px;
    }
    .plans_typo_element:first-child {
        padding-left:18px;
    }
    .plans_typo_element:last-child {
        padding-right:18px;
    }
    .plans_typo_element {
        padding: 21.6px;
        height: 50px;
    }
    .plans_typo_elem {
        top: 10.8px;
        height: 50px;
    }
    .plans_typo_background {
        margin-left: -16px;
        margin-right: -16px;
        width: calc(100% + 32px);
        height: 32px;
        border-radius: 32px;
    }
    .plans_typo_foreground {
        top: -50px;
        height: 50px;
    }
    .plans_typo_element_nom {
        margin-bottom: -4.32px;
        font-size: 24px;
    }
    .plans_typo_element_checkbox>svg {
        width: 21.6px;
        height: 21.6px;
    }

    #plans_selection_exterieur_titre {
        font-size: 26px;
    }
    .plans_exterieur_element:first-child {
        padding-left: 18px;
    }
    .plans_exterieur_element:last-child {
        padding-right: 18px;
    }
    .plans_exterieur_element {
        padding: 21.6px;
        height: 50px;
    }
    .plans_exterieur_element_nom {
        height: 13px;
        font-size: 13px;
        margin-right: 10.8px;
    }
    .plans_exterieur_elem {
        top: 10.8px;
        height: 50px;
    }
    .plans_exterieur_icon {
        bottom: 37.8px;
        height: 30px;
    }
    .plans_exterieur_background {
        margin-left: -16px;
        margin-right: -16px;
        width: calc(100% + 32px);
        height: 32px;
        border-radius: 32px;
    }
    .plans_exterieur_foreground {
        top: -32px;
        margin-top: 5.4px;
        height: 32px;
    }
    .plans_exterieur_element_checkbox {
        height: 21.6px;
    }
    .plans_exterieur_element_checkbox>svg {
        width: 21.6px;
    }

    #plans_selection_surface_titre {
        font-size: 26px;
    }
    #tri_multi_range_slider {
        width: 70%;
    }

}
@media (min-width:1200px) and (max-width:1800px) {
    #plans_recherche_titre {
        top: 16.667%;
        font-size: 40em;
        letter-spacing:0.180em;
    }
    #plans_recherche_titre_details {
        top: 30.092%;
        font-size: 13.125px;
    }

    #plans_selection_typo_titre {
        font-size: 24px;
    }
    .plans_typo_element:first-child {
        padding-left:15.75px;
    }
    .plans_typo_element:last-child {
        padding-right:15.75px;
    }
    .plans_typo_element {
        padding: 18.9px;
        height: 43.75px;
    }
    .plans_typo_elem {
        top: 9.45px;
        height: 43.75px;
    }
    .plans_typo_background {
        margin-left: -14px;
        margin-right: -14px;
        width: calc(100% + 28px);
        height: 28px;
        border-radius: 28px;
    }
    .plans_typo_foreground {
        top: -37px;
        height: 43.75px;
    }
    .plans_typo_element_nom {
        margin-bottom: -3.78px;
        font-size: 17.5px;
    }
    .plans_typo_element_checkbox>svg {
        width: 18.9px;
        height: 18.9px;
    }
    
    #plans_selection_exterieur_titre {
        font-size: 24px;
    }
    .plans_exterieur_element:first-child {
        padding-left: 15.75px;
    }
    .plans_exterieur_element:last-child {
        padding-right: 15.75px;
    }
    .plans_exterieur_element {
        padding: 18.9px;
        height: 43.75px;
    }
    .plans_exterieur_elem {
        top: 9.45px;
        height: 43.75px;
    }
    .plans_exterieur_icon {
        bottom: 33px;
        height: 26.25px;
    }
    .plans_exterieur_background {
        margin-left: -14px;
        margin-right: -14px;
        width: calc(100% + 28px);
        height: 28px;
        border-radius: 28px;
    }
    .plans_exterieur_foreground {
        top: -28px;
        margin-top: 4.725px;
        height: 28px;
    }
    .plans_exterieur_element_nom {
        height: 11.375px;
        margin-right: 9.45px;
    }
    .plans_exterieur_element_checkbox {
        height: 18.9px;
    }
    .plans_exterieur_element_checkbox>svg {
        width: 18.9px;
    }

    #plans_selection_surface_titre {
        font-size: 24px;
    }

    #tri_multi_range_slider {
        width: 70%;
    }
}
@media (max-width:1199px) {
    #plans_recherche_titre {
        top: 16.667%;
        font-size: 36em;
        letter-spacing:0.180em;
    }
    #plans_recherche_titre_details {
        top: 30.092%;
        font-size: 9.84px;
    }

    #plans_selection_typo_titre {
        font-size: 13.5px;
    }
    .plans_typo_element:first-child {
        padding-left:11.81px;
    }
    .plans_typo_element:last-child {
        padding-right:11.81px;
    }
    .plans_typo_element {
        padding: 14.175px;
        height: 32.81px;
    }
    .plans_typo_elem {
        top: 7.08px;
        height: 32.81px;
    }
    .plans_typo_background {
        margin-left: -10.5px;
        margin-right: -10.5px;
        width: calc(100% + 21px);
        height: 21px;
        border-radius: 21px;
    }
    .plans_typo_foreground {
        top: -27px;
        height: 43.75px;
    }
    .plans_typo_element_nom {
        margin-bottom: -2.835px;
        font-size: 13.125px;
    }
    .plans_typo_element_checkbox>svg {
        width: 14.175px;
        height: 14.175px;
    }
    
    #plans_selection_exterieur_titre {
        font-size: 13.5px;
    }
    .plans_exterieur_element:first-child {
        padding-left: 11.81px;
    }
    .plans_exterieur_element:last-child {
        padding-right: 11.81px;
    }
    .plans_exterieur_element {
        padding: 14.175px;
        height: 32.81px;
    }
    .plans_exterieur_elem {
        top: 7.08px;
        height: 32.81px;
    }
    .plans_exterieur_icon {
        bottom: 24.75px;
        height: 19.69px;
    }
    .plans_exterieur_background {
        margin-left: -10.5px;
        margin-right: -10.5px;
        width: calc(100% + 21px);
        height: 21px;
        border-radius: 21px;
    }
    .plans_exterieur_foreground {
        top: -21px;
        margin-top: 3.543px;
        height: 21px;
    }
    .plans_exterieur_element_nom {
        height: 8.53px;
        margin-right: 7.08px;
        font-size:12px;
    }
    .plans_exterieur_element_checkbox {
        height: 14.175px;
    }
    .plans_exterieur_element_checkbox>svg {
        width: 14.175px;
    }

    #plans_selection_surface_titre {
        font-size: 13.5px;
    }
}

/* #endregion */