/* ------------------------------ */


/* RESPONSIVE */


/* ------------------------------ */

@media screen and (max-width: 1500px) {
    .slickCarousel {
        padding: 20px;
    }
    .offresContainer .slide-dots {
        bottom: 25px;
    }
}

@media screen and (max-width: 1485px) {
    .thirdLevelMenuDesktop {
        left: auto;
        right: 100%;
    }
}

@media screen and (max-width: 1244px) {
    .offresTextAlignElements .logo36hImmoElement {
        top: -50px;
    }
    .offresTextAlignElements .logoOffreSpecial {
        bottom: -50px;
    }
}

@media screen and (max-width: 1225px) {
    .timelineContainer .stepRightContainer .buttonSecondStyleRadius button {
        margin: 0 10px;
        padding: 10px 5px;
    }
}

@media screen and (max-width: 1200px) {
    .buttonSecondStyleRadius.modalGalerieSiteTrierElements.nav-filter-cat {
        margin-left: 0 !important;
    }
}

@media screen and (max-width: 1160px) {
    .timelineContainer .stepRightContainer .buttonSecondStyleRadius button {
        margin: 0 5px;
    }
}

@media screen and (max-width: 1100px) {
    .panierContainer .panierBlockContainer {
        display: block;
    }
    .promoValiderElements {
        padding: 20px;
    }
    .promotionsContainer {
        width: 100%;
    }
    .paymentElements .logoPaiementContainer .blockElementInlineParagraph {
        justify-content: center;
    }
    .upsellContainer .servicesBlockTitleElement {
        height: 100px;
    }
    .timelineContainer .stepRightContainer .buttonSecondStyleRadius button {
        margin: 0 2px;
    }
}

@media screen and (max-width: 1065px) {
    .showButtonUnderIframe {
        position: absolute;
        left: -9999px;
        top: -9999px;
    }
}

@media screen and (max-width: 1024px) {
    .u-ad-banner--tablette {
        display: block;
    }
    .u-ad-banner--desktop,
    .u-ad-banner--mobile {
        display: none;
    }
}

@media screen and (max-width: 1000px) {
    .serviceAccompagnesContainer .trierInlineName,
    .affichesDownloadButtonsContainer {
        display: block;
    }
    .affichesDownloadButtonsContainer li {
        margin-right: 0;
        display: inline-block;
        margin-bottom: 5px;
    }
}

@media screen and (max-width: 980px) {
    .avantagesContainer .avantagesElementsContainer .avantagesElements .avantagesInfosElements {
        flex-basis: 300px;
        padding: 0 10px 30px;
    }
    .createContainer.blockElements {
        padding-top: 0;
    }
    .avantagesContainer .avantagesElementsContainer .avantagesElements .avantagesTitleElement {
        height: auto;
    }
}

@media screen and (max-width: 950px) {
    .serviceAccompagnesContainer .servicesBlockParagraphElement {
        height: auto;
    }
    .serviceAccompagnesContainer .servicesBlockTitleElement {
        height: auto;
    }
    .blockElements.stickyMarginContainer {
        margin-top: 182px;
    }
}

@media screen and (max-width: 913px) {
    .offresTextAlignElements .logoOffreSpecial {
        bottom: -50px;
    }
    .offresTextAlignElements .logoOffreSpecial img {
        width: 90px !important;
    }
}

@media screen and (max-width: 860px) {
    .servicesBlockElement {
        width: calc(33.333333333% - 40px);
    }
}

@media screen and (max-width: 850px) {
    /* FOOTER */
    .navigationContainer.choixContainer {
        padding: 0 20px !important;
    }
    .blogContainer .blogElementsContainer .blogElements .blogTitleElement h3 {
        min-height: 115px;
    }
    .errorPageContainer.blockElements {
        overflow: hidden;
    }
    .blockErrorImagesElement {
        opacity: .5;
    }
    .errorPageContainer.blockElements .navigationContainer .blockElementsContainer {
        display: block;
        position: relative;
        transform: none;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        left: 0;
        right: 0;
    }
    .errorPageContainer.blockElements .navigationContainer .blockErrorImagesElement img {
        width: 100%;
    }
    .errorPageContainer.blockElements .navigationContainer .blockErrorTexteElement .titleCenterContainer h1 {
        display: inline;
    }
    .errorPageContainer.blockElements .navigationContainer .blockErrorTexteElement {
        position: absolute;
        top: 35%;
        transform: translateY(-50%);
        right: 0;
        text-align: center;
        padding: 20px;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
    }
    .errorPageContainer.blockElements .navigationContainer .blockErrorTexteElement .titleCenterContainer {
        font-size: 25px;
        display: block !important;
    }
    .errorPageContainer.blockElements .navigationContainer .blockErrorImagesElement .imageElement .errorsText {
        top: 43%;
        right: auto;
        left: 164px;
    }
    .localisationContainer .localisationSearchContainer .localisationSearchBarElement {
        width: 50% !important;
    }
    .blockElements.stickyMarginContainer {
        margin-top: 111px;
    }
}

@media screen and (max-width: 795px) {
    .pageProduitPopinContainer .bubblePopinElements .bubbleTrierElements .trierInlineName .firstLabel {
        width: 70px;
    }
}

@media screen and (max-width: 779px) {
    .offresTextAlignElements .logoOffreSpecial {
        bottom: -30px;
    }
    .offresTextAlignElements .logo36hImmoElement {
        top: -40px;
    }
}

@media screen and (max-width: 769px) {
    .bubbleContainer {
        display: none;
    }
}

@media screen and (max-width: 750px) {
    #menuMobileToggle input {
        position: absolute !important;
        left: 10px;
        z-index: 999;
        top: 15px;
        margin: 0;
    }
    .navigationContainer.avisContainer {
        padding: 0 20px;
    }
    .slickCarouselAvis {
        padding: 20px 0;
    }
    .slickCarouselAvis .slick-slide {
        margin-right: 0;
    }
    .arrow-right,
    .long-arrow-right,
    .arrow-right:hover,
    .long-arrow-right:hover {
        right: 40px;
    }
    .offresTextAlignElements .logoOffreSpecial {
        bottom: -70px;
    }
    .offresTextAlignElements .logo36hImmoElement {
        top: -70px;
    }
    .offresTextAlignElements .logoOffreSpecial img {
        width: 120px !important;
    }
    .arrow-left,
    .long-arrow-left {
        top: 43%;
    }
    .arrow-left,
    .long-arrow-left,
    .arrow-left:hover,
    .long-arrow-left:hover {
        left: 40px;
    }
    .navigationContainer.serviceAccompagnesContainer {
        position: relative;
        padding: 20px;
    }
    .blockElement {
        padding: 0;
    }
    .avisContainer .blurLeft {
        top: 0;
        height: 100%;
        left: -10px;
    }
    .avisContainer .blurRight {
        top: 0;
        height: 100%;
    }
    .blockElement {
        margin: auto;
    }
    .blogContainer .blogElementsContainer .blogElements .blogImgElement {
        height: auto;
    }
    .blogContainer .blogElementsContainer .blogElements .blogLinkElement img {
        width: 20px;
        display: inline-block;
        vertical-align: bottom;
    }
    #seoContainer {
        margin-top: 40px;
    }
    .choixContainer .servicesBlockElements .servicesBlockElement {
        margin: 10px 0;
    }
    .buttonSecondStyle {
        margin: 40px 20px 20px;
    }
    .arrayPageProduitContainer .blockElement .paragraphElement {
        padding: 20px;
    }
    .bigImgOverlay .bigImgOverlayContainer {
        top: 50%;
        left: 20px;
        right: 20px;
        transform: translateY(-50%);
        bottom: auto;
    }
    .bigImgOverlay .closeOverlay {
        right: 10px;
        top: 10px;
        color: #ccc;
    }
    .pageProduitElementsContainer {
        display: block;
        text-align: center;
    }
    .pageProduitElementsContainer .pageProduitElement {
        width: 100%;
    }
    .pageProduitElementsContainer .pageProduitElement:last-child {
        margin-left: auto;
        margin-top: 20px;
    }
    .pageProduitElementsContainer .pageProduitElement .avisElementNumber {
        display: block;
    }
    .pageProduitElementsContainer .pageProduitElement .buttonContactCommercialElement .buttonFirstStyle {
        text-align: center;
        padding: 20px 0;
    }
    .avantagesContainer .avantagesElements {
        display: block;
    }
    .avantagesContainer .avantagesElements .avantagesInfosElements {
        width: 100%;
        padding: 20px 0;
    }
    .papContainer .papElements {
        display: block;
        margin: 0 40px;
    }
    .papContainer .papElements .papElement {
        padding: 20px 0;
    }
    .localisationContainer .localisationSearchContainer .localisationSearchElement {
        text-align: left;
    }
    .localisationContainer .localisationSearchContainer .localisationSearchBarElement {
        display: block;
        margin: 10px 0;
    }
    .localisationContainer .localisationSearchContainer .buttonFirstStyle {
        display: block;
        margin-top: 30px;
    }
    .localisationAfterSearchElements .tabbedPanels .tabsOngletsContainer {
        padding-left: 0;
    }
    .tabbedPanels .tabs {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        justify-content: left;
        margin-bottom: 20px;
    }
    .tabbedPanels .tabsElements {
        margin-top: 0;
        display: block;
    }
    .tabbedPanels .tabsElements .tabElement {
        width: 100%;
    }
    .tabbedPanels .tabsElements .tabElement:first-child {
        padding-right: 0;
        padding-bottom: 20px;
    }
    .tabbedPanels .tabsElements .tabElement:last-child {
        padding-left: 0;
    }
    .contactElementForm input {
        width: 100%;
        margin: 0;
    }
    .contactContainer .contactForms .contactElementForm {
        text-align: left;
    }
    .contactObligationElement {
        padding: 0 0 20px;
    }
    .contactContainer .contactForms .contactElementForm label {
        padding: 10px 0 10px;
    }
    .contactContainer .contactForms {
        max-width: initial;
    }
    .contactContainer .contactForms .contactElementForm span.checkboxText {
        margin: -10px 0 0;
    }
    .contactContainer .contactForms .contactElementForm label.checkbox {
        margin-top: 10px;
    }
    .popupValidation,
    .localisationContainer .localisationSearchContainer .popupInformation {
        position: fixed;
        left: 20px;
        right: 20px;
        top: 80px;
        transform: none;
    }
    .pageProduitPopinContainer .bubblePopinElements .bubbleTrierElements {
        display: block;
        position: relative;
        margin: 0 !important;
        padding: 0 20px;
    }
    .pageProduitPopinContainer .bubblePopinElements .bubbleTrierElements .trierInlineElement {
        margin-bottom: 10px;
    }
    .closeBubbleElements {
        position: absolute;
        right: 13px;
        top: -5px;
        font-size: 28px;
    }
    .closeBubbleElements .mdi.mdi-chevron-down.flip::before {
        transform: rotate(180deg);
    }
    .mdi-chevron-down::before {
        transition: all .2s ease-in-out;
    }
    .pageProduitPopinContainer .bubblePopinElements .bubbleTrierElements .trierInlineElement {
        display: block;
    }
    .tabbedPanels .panelContainer {
        width: 100%;
    }
    .arrayPageProduitContainer .tabbedPanels .panelContainer .panelElements {
        position: relative;
    }
    .arrayPageProduitContainer .tabbedPanels .panelContainer .panelElements .blurLeft {
        left: -20px;
        top: 0;
    }
    .arrayPageProduitContainer .tabbedPanels .panelContainer .panelElements .blurRight {
        right: -15px;
        top: 0;
    }
    .essaiTrenteJoursContainer .servicesBlockParagraphElement {
        text-align: left;
    }
    .partenairesTabsElements .partenairesTabsNavigationElement ul {
        height: 110px;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        justify-content: left;
    }
    .partenairesTabsElements .partenairesTabsNavigationElement .partenairesSubnavigationElements {
        justify-content: center;
    }
    .partenairesTabsElements .partenairesTabsNavigationElement ul li {
        padding: 0 20px;
    }
    .partenairesTabsElements .partenairesSubtabsNavigationElement ul li {
        padding: 0;
    }
    .partenairesTabsElements .partenairesTabsNavigationElement {
        position: relative;
    }
    .pageProduitPartenairesContainer .blurLeft {
        top: 0;
        background: rgb(221, 221, 221);
        background: linear-gradient(90deg, rgba(221, 221, 221, 1) 0%, rgba(221, 221, 221, 0.9248074229691877) 10%, rgba(255, 255, 255, 0) 100%);
    }
    .pageProduitPartenairesContainer .blurRight {
        top: 0;
        background: rgb(221, 221, 221);
        background: linear-gradient(270deg, rgba(221, 221, 221, 1) 0%, rgba(221, 221, 221, 1) 10%, rgba(221, 221, 221, 0) 100%);
    }
    .partenairesTabsElements .tabElement .blockElementsContainer {
        display: block;
    }
    .partenairesTabsElements .tabElement .blockElementsContainer .blockPartenairesElements:first-child,
    .partenairesTabsElements .tabElement .blockElementsContainer .blockPartenairesElements:last-child {
        width: 100%;
        padding-right: 0;
        padding-left: 0;
    }
    .partenairesTabsElements .tabElement .blockElementsContainer .blockPartenairesElements:first-child {
        padding-bottom: 20px;
    }
    .tabbedPanels .tabsElements .tabElement:last-child .overlayImgTab {
        width: 100%;
        left: 0;
        bottom: 6px;
    }
    .avantagesContainer .avantagesElementsContainer .avantagesElements .avantagesInfosElements {
        flex-basis: 370px;
        padding: 20px 10px;
    }
    .avantagesContainer .avantagesElementsContainer .avantagesElements .avantagesTitleElement {
        padding: 20px;
        height: auto;
    }
    .creerSiteContainer .servicesBlockElements .serviceBlockElement {
        width: 100%;
    }
    .tabbedPanels .tabsOngletsContainer {
        margin-bottom: 20px;
    }
    .mySlidesContainer.modal .mySlides img {
        width: 90%;
        height: auto;
    }
    .bubblePopipContainer .bubblePopinElements .bubblePopinTopElements {
        width: 100%;
        position: relative;
        left: 0;
        right: 0;
        margin-top: 65px;
    }
    .pageProduitPopinContainer .popinBottomContainer {
        margin-top: auto;
    }
    .bubblePopipContainer .bubblePopinElements .bubblePopinTopElements .bubblePopinTitle {}
    .bubblePopipContainer .bubblePopinElements .bubblePopinTopElements .bubblePopinClose {}
    .creerSiteContainer .servicesBlockElements .serviceBlockElement:first-child {
        margin-right: 0;
        margin-bottom: 20px;
    }
    .pageProduitPopinContainer .bubblePopinElements .bubbleTrierElements .trierInlineName {
        display: block;
    }
    .pageProduitPopinContainer .bubblePopinElements .bubbleTrierElements .trierInlineName .firstLabel {
        width: auto;
        margin-bottom: 10px;
    }
    .pageProduitPopinContainer .bubblePopinElements .bubbleTrierElements .trierInlineName button {
        margin-right: 0;
        display: block;
        margin-bottom: 10px;
    }
    .avantagesContainer .avantagesElementsContainer {
        padding-top: 0;
    }
    .avantagesContainer .avantagesElementsContainer .avantagesElements {
        margin-top: 10px;
    }
    .pageProduitPopinContainer .popinBottomContainer {
        padding: 0 20px;
    }
    .loginContainer .loginElementsContainer .loginElementsModal {
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        border-radius: initial;
        width: 100%;
        max-width: none;
        margin: 0 auto 0;
    }
    .loginContainer .loginElementsContainer .loginElementsModal .loginButtonClose {
        top: 32px;
    }
    .loginContainer .loginElementsContainer .loginElementsModal .loginElementsContent .loginElementsLogin .passwordElement .passwordIconContainer #hidePasswordIcon {
        border: 1px solid #DB116F;
    }
    .chooseColorMobile {
        display: none;
    }
    .textShowColor .mdi {
        position: absolute;
        transition: all .2s ease-in-out;
    }
    .minicolors_eyedropper {
        display: none;
    }
    .blogContainer .blogElementsContainer .blogElements:hover {
        transform: scale(1);
    }
    .blockElements {
        padding-top: 0;
    }
    .homepageContainer .engagementElements .buttonFirstStyle button a {
        height: auto;
        line-height: 22px;
        padding: 10px;
    }
    .serviceAccompagnesContainer .servicesBlockTitleElement {
        height: auto;
    }
    .serviceAccompagnesContainer .servicesBlockParagraphElement {
        height: auto;
    }
    .homepageContainer .buttonFirstStyle {
        margin: 40px 0;
    }
    .homepageContainer .avisContainer .slick-initialized .slick-slide {
        height: auto;
    }
    .magazineContainer .blockPictogramElement img {
        width: 100%;
        height: auto;
    }
    .buttonGreenSecondStyle {
        margin: 20px 0 30px;
    }
    .photographiesContainer .choixSiteContent .imageElements .imageElement {
        width: calc(50% - 4px);
    }
    .photographiesContainer .blockElementInlineParagraph {
        display: block;
        margin-bottom: 20px;
    }
    .dropAreaContent #gallery img {
        width: 100%;
    }
    .dropAreaContent .button {
        width: auto;
        height: auto;
    }
    .choixSiteSubmenu .buttonSecondStyle button a {
        height: auto;
    }
    .timelineContainer .buttonFirstStyle button a {
        height: auto;
    }
    .moduleContainer .sessionContainer .blockFilterElements .blockCardElements.elementSelected .priceElementSessionContainer {
        right: 35px;
        top: 6px;
    }
    .panierContainer .serviceAccompagnesContainer .blurLeft,
    .panierContainer .serviceAccompagnesContainer .blurRight {
        top: 0;
    }
    .panierContainer .panierBlockContainer .panierElements .panierAchatContainer .panierAchatDetails .panierAchatImg img {
        width: 100%;
    }
    .panierContainer .panierBlockContainer .panierElements .panierAchatContainer .panierAchatDetails {
        display: block;
    }
    .panierContainer .panierBlockContainer .panierElements .panierAchatContainer .panierAchatDetails .panierAchatElementsDetails {
        margin-left: 0;
        margin-top: 20px;
    }
    .panierContainer .panierBlockContainer .panierElements .panierAchatContainer .panierAchatDetails .panierAchatElementsDetails .panierAchatTitle {
        margin-bottom: 20px;
    }
    .panierAchatSubtitle {
        text-align: left;
    }
    .panierContainer .panierBlockContainer .panierElements .panierAchatContainer .panierAchatDetails .blockElementInlineParagraph {
        display: block;
    }
    .panierAchatSelectQuantite {
        display: inline-block;
    }
    .panierContainer .panierBlockContainer .panierElements .panierAchatContainer .panierAchatDetails .panierAchatCorbeille {
        padding: 20px 0;
    }
    .panierContainer .separation {
        display: none;
    }
    .avantagesContainer .avantagesElementsContainer .avantagesElements .avantagesParagraphElement {
        height: auto;
        line-height: normal;
    }
    .avantagesContainer .avantagesElementsContainer .avantagesElements .avantagesParagraphElement p {
        display: block;
    }
    .choixContainer .servicesBlockElements .blockPictogramElement {
        height: auto;
        overflow: auto;
    }
    .slickArrowContainer.mdi.mdi-chevron-left {
        left: 0;
    }
    .slickArrowContainer.mdi.mdi-chevron-right {
        right: 0;
    }
    .papContainer .papElements .papElement {
        width: 100%;
        justify-content: center;
    }
    .modalContainer .modalInformationsElements {
        width: 100%;
        max-width: none;
        top: 0;
        left: 0;
        right: 0;
        border-radius: 0;
        margin: 0 auto;
    }
    .homepageContainer .buttonFirstStyle {
        display: flex;
        justify-content: center;
    }
    .mentionsLegalesTextElements {
        padding: 20px;
    }
    #timelineContainer .timelineContent .timelineButtonsContainer {
        margin-top: 20px;
    }
    .moduleContainer .sessionContainer .blockFilterElements .blockCardElements.elementSelected .priceElementSessionContainer {
        top: 0;
    }
    .timelineStepContent {
        margin-bottom: 20px;
    }
    .finaleStepContainer .timelineButtonsContainer .buttonFirstStyle {
        padding-right: 0 !important;
        margin-bottom: 0;
    }
    .finaleStepContainer .timelineLastButtonAlignContent .buttonSecondStyle {
        margin: 20px 5px 20px;
    }
    .localisationContainer .localisationSearchContainer .localisationSearchBarElement {
        width: 100% !important;
    }
    #addRemoveElement {
        margin-bottom: 50px;
    }
    .tabElement .ppVideoElement iframe {
        width: 100% !important;
    }
    .u-ad-banner--mobile {
        display: block;
    }
    .u-ad-banner--desktop,
    .u-ad-banner--tablette {
        display: none;
    }
    .partenairesTabsElements img {
        max-width: none;
    }
    .partenairesTabsNavigationElement .blurLeft,
    .partenairesTabsNavigationElement .blurRight {
        height: 100%;
    }
}

@media screen and (max-width: 700px) {
    .createSiteButtonElement .btn,
    .createSiteButtonElement .btn2 {
        width: 110px;
    }
    .createSiteButtonElement .btn p {
        font-size: 12px;
    }
    .createSiteButtonElement .btn p .mdi {
        font-size: 14px;
    }
}

@media screen and (max-width: 500px) {
    .otherMagazineLocalisation .otherMagazineLocalisationContainer .popupInformationBlock p {
        width: auto;
    }
    .otherMagazineLocalisation .otherMagazineLocalisationContainer .otherMagazineElementsContainer {
        text-align: left;
    }
    .otherMagazineLocalisation .otherMagazineLocalisationContainer .otherMagazineElementsContainer .otherMagazineElementLink {
        width: 100%;
    }
    .blogContainer .blogElementsContainer .blogElements .blogImgElement {
        height: 165px;
    }
}

@media screen and (max-width: 511px) {
    .offresTextAlignElements .logoOffreSpecial {
        bottom: -50px;
    }
    .offresTextAlignElements .logo36hImmoElement {
        top: -50px;
    }
}

@media screen and (max-width: 407px) {
    .contactContainer .contactForms .contactElementForm span.checkboxText {
        margin: -35px 27px 0;
    }
    .homepageContainer .servicesBlockElement {
        margin: 5px;
    }
}

@media screen and (max-width: 350px) {
    .homepageContainer .slick-initialized .slick-slide {
        height: auto;
    }
}

@media screen and (max-width: 320px) {
    .offresTextAlignElements .logoOffreSpecial {
        bottom: -30px;
    }
    .offresTextAlignElements .logoOffreSpecial img {
        width: 80px !important;
    }
    .offresTextAlignElements .logo36hImmoElement {
        top: -30px;
        left: 10px;
    }
}