/*--------------------------------------------------*/
/********---------- SMATPHONES -----------**********/
/*--------------------------------------------------*/

@media (max-width: 640px) {

    .conteneurContenuBloc.PageSeo.texteDouble .ct p {
        text-align: center;
    }

    .body_14 .bandeauSliderHome .swiper-text a:before {
        left: 15px;
        right: initial;
    }

    .pictosCol2 {
        width: 100%;
    }

    .body_1197 .bandeauSliderProgramme .swiper-container, .body_1216 .bandeauSliderProgramme .swiper-container {
        height: 260px !important;
        margin-bottom: 15px !important;
    }

    .bandeauSliderVitrine .swiper-container {
        height: 250px !important;
        padding-bottom: 50px;
    }

    .body_1196 .bandeauSliderVitrine .swiper-container {
        height: 110px !important;
        padding-bottom: 0px;
        margin-bottom: 30px !important;
    }

    .MarginBottom100 {
        margin-bottom: 50px;
    }

    .MarginBottom250 {
        margin-bottom: 200px;
    }


    footer .colAdresses a {
        margin: 0;
        text-align: center;
    }

    .colAdresses span {
        text-align: center !important;
    }

    span.Titre_colAdresses::before {
        display: block;
    }

    footer p {
        text-align: center;
    }

    .imaprim {
        text-align: center;
    }

    /*nav*/

    .nav a {
        font-size: 18px;
        width: 100%;
        box-sizing: border-box;
        padding: 10px 5px;
    }

    .nav ul ul a {
        font-size: 13px;
    }



    .btn_DecouvrirResidences {
        width: 300px;
        font-size: 14px;
        top: 86vh;
    }



    p {
        font-size: 15px;
        line-height: 24px;
        margin-bottom: 0;
        font-family: 'SourceSansPro-Regular';
        letter-spacing: 0.1px;
        text-align: justify !important;
    }

    h4, .h4 {
        font-size: 14px;
        line-height: 18px;
        letter-spacing: 0px;
    }

    ul {
        font-size: 15px;
        line-height: 17px;
        margin-bottom: 0;
        font-family: 'SourceSansPro-Regular';
        letter-spacing: 0.1px;
    }

    footer p {
        text-align: center !important;
        margin-left: 0;
    }

    .colAdresses {
        text-align: center;
    }

    .CtCaracteristique h3, .contenuMixteTexteD h3 {
        letter-spacing: 1px;
        font-size: 14px;
        text-align: center !important;
        line-height: 20px;
    }

    .contenuMixteTexteG h2, .contenuMixteTexteD h2 {
        text-align: center;
    }

    .actuTexte {
        max-height: 600px;
    }



    .Ct2photosLinks h3 {
        font-size: 18px;
    }

    .Ct2photosLinks:hover h3 {
        font-size: 18px;
    }

    .childflex {
        text-align: justify !important;
        width: 90%;
        margin: auto;
    }

    .flex {
        flex-wrap: wrap;
    }



    .AtoutType4 {
        width: 100%;
        margin-bottom: 10px;
        padding: 20px !important;
    }

    img.PictoAtout {
        margin: 0px auto 10px auto;
    }

    .troisCol .backgroundParallax {
        height: auto !important;
        margin-bottom: 0px;
    }

    .backgroundParallax-img {
        background-size: auto 1120px;
    }

    .backgroundParallax {
        height: auto !important;
    }

    .troisCol .backgroundParallax-content {
        width: 90%;
        position: relative;
        transform: none !important;
        left: auto;
        margin: 20px auto;
        box-sizing: border-box;
    }

    .TabPinel {
        width: 100%;
        overflow-x: scroll;
        overflow-y: scroll;
        max-height: 390px;
    }

    .contenuFullPage .contenuTexte2ColG, .contenuFullPage .contenuTexte2ColD {
        width: 100%;
    }

    .photoColonne img {
        margin-top: 0px !important;
    }

    .body_14 .swiper-text {
        max-width: 100%;
        left: 0;
        height: 190px;
        top: 0vh;
        text-align: center;
    }

    .swiper-text::before {
        content: '';
        opacity: 0.5;
    }

    .body_14 .swiper-text::before {
        /* background-color: #fff; */
        background: linear-gradient(#000000b0,#30303000);
        opacity: 1;
    }

    .Region_selecteur {
        flex-wrap: wrap;
    }

    .formulaire input[type="text"], .formulaire input[type="tel"], .formulaire input[type="email"], .formulaire textarea {
        font-size: 13px;
        padding: 11px 0px;
        margin-bottom: 3px;
    }

    .modalPopup {
        padding: 12px;
        width: 90%;
    }

    .formulaire {
        margin-top: -20px;
    }

    iframe#ctl00_cphPanMilieu_ifVisiteVirtuelle {
        height: 230px !important;
    }


    .infos-rgpd {
        line-height: 9px;
    }

    .formulaire label {
        /*top: 15px;*/
        top: 0;
    }

    .formulaire-row span {
        line-height: 9px;
    }

    [class^="ico-"]:before, [class*=" ico-"]:before {
        font-size: 15px;
    }

    .swiper-text span {
        font-size: 12px;
        padding: 5px 20px;
        min-width: auto;
        letter-spacing: 1px;
        right: auto;
        left: 50%;
        transform: translateX(-50%);
        line-height: 15px;
        background-color: #303030;
        color: #fff;
    }

    .body_14 .swiper-text h2 {
        margin-bottom: 20px;
    }

    .swiper-text h2 {
        text-align: center;
    }


    .contenuFlechesSwiperHome {
        display: none;
    }


    .body_1196 .triProgDescLongue {
        display: none;
    }
    /*BLOCS*/
    .contenuFullPage .contenuTexte2ColG, .contenuFullPage .contenuTexte2ColD {
        text-align: center;
        margin-bottom: 30px;
        width: 100% !important;
    }

    .contenuFullPage .contenuFull {
        width: 100%;
        margin-top: 50px;
        box-sizing: border-box;
        margin: auto;
        height: auto !important;
        position: relative;
    }

    .backgroundParallax {
        height: 600px !important;
        margin-bottom: 50px;
    }


    .ccb566 .backgroundParallax {
        height: 430px !important;
    }

    .triProgContent, .triProgEl:nth-child(odd) .triProgContent {
        /* -webkit-box-orient: vertical; */
        /* -webkit-box-direction: normal; */
        /* flex-direction: column; */
        margin-top: 0px !important;
        display: block;
        flex-direction: unset;
    }


    .body_1196 .bandeauSliderProgramme .swiper-container {
        height: 100px !important;
    }

    .nav-active::before, nav a:hover::before {
        display: none;
    }


    .ccb568 .backgroundParallax-content {
        padding: 22px 20px;
    }

    .ccb568 .backgroundParallax {
        margin-bottom: 50px;
    }

    .TxtParallaxeOvale {
        width: 100%;
    }

    .backgroundParallax-content .CtTexte_Parallaxe {
        width: 100%;
    }

    /*Page programme*/
    .swiper-text .NbAppartements_et_NbPieces {
        padding: 0;
        color: #5d5d5d;
        left: auto;
        right: auto;
        width: auto;
        min-width: 85px;
        text-align: center;
        position: relative;
        margin: auto;
        bottom: auto;
        background-color: #fff0;
        box-shadow: none;
        display: flex;
    }

    .NbAppartements {
        font-size: 15px;
        text-align: center;
        letter-spacing: 1px;
        text-transform: lowercase;
        margin-right: 10px;
    }

    .body_1197 .swiper-text .data-programme, .body_1216 .swiper-text .data-programme {
        margin: auto;
        height: auto;
    }

    .Residence_Delais span.titre {
        font-size: 16px;
        line-height: 20px;
        letter-spacing: 0px;
        text-align: left;
    }

    .NbPieces {
        font-size: 15px;
        letter-spacing: 1px;
        text-align: center;
    }


    .swiper-text .data-programme span {
        left: auto !important;
    }

    div#panFondGeneral {
        margin-top: 50px;
    }

    /*
    .data-programme {
        margin: 10px 0;
        text-align: center;
    }*/

    /*    .body_1197 .swiper-text,
    .body_1216 .swiper-text
    {
        top: 0px;
        position: relative;
        width: 100%;
        box-sizing: border-box;
        margin: auto;
        height: auto;
        text-align: center;
        left: auto;
        -webkit-transform: translateX(-50%);
        transform: inherit;
    }*/
    div#ctl00_cphPanMilieu_mapProgramme_panContainer {
        flex-direction: column;
    }

    .ResidenceTitre_PageDetail {
    }


    span#ctl00_cphPanMilieu_lblLocation {
        font-size: 13px;
    }

    span#ctl00_cphPanMilieu_lblNom {
        font-size: 35px;
        color: #303030;
    }

    .swiper-text .data-programme span {
        left: auto !important;
    }


    .body_1197 .NousContacter {
        top: 275px;
        font-size: 12px;
        margin: auto;
        padding: 3px 30px;
    }

    .body_1216 .NousContacter {
        display: none;
    }


    .FondBlancLot {
        padding: 20px 10px;
    }


    .body_1216 .btn_DecouvrirResidences::after {
        height: 35px;
    }

    /*    .body_1197 .swiper-text,
    .body_1216 .swiper-text{
        background: none;
        padding: 5px;
    }*/

    .body_1197 .swiper-text, .body_1216 .swiper-text {
        display: none;
    }

    .ResidenceTitre_PageDetail {
        margin-bottom: 40px;
    }

    span.NomResidence {
        font-size: 20px;
        line-height: 24px;
        margin-top: 10px;
        display: block;
    }

    .ResidenceTitre_PageDetail h4 {
        margin-top: 0px;
        font-size: 12px;
    }

    .ResidenceTitre_PageDetail h1 {
        line-height: 20px;
        font-size: 16px;
        letter-spacing: 1px;
    }

    span#ctl00_cphPanMilieu_lblDepartement2 {
        color: #6d6d6d;
        font-size: 14px;
    }

    span#ctl00_cphPanMilieu_lblLocation {
        font-size: 13px;
        color: #303030;
    }

    .FndFull_Gris {
        padding: 30px 0px;
        margin-bottom: 50px;
    }

    .NosAgences {
        top: 33vh;
    }

    .RenseignementAdresse {
        /* height: 160px; */
        flex-direction: column;
        margin-bottom: 30px;
    }

    .NosAgenceAdresses {
        margin: 0;
        width: 100%;
        box-sizing: border-box;
    }

    section.ct.Flex {
        flex-direction: column;
        margin-bottom: 100px;
    }

    /*
    .conteneurContenuBloc {
        margin-bottom: 50px;
    }*/
    .Formulaire_Contact {
        width: 100%;
        padding: 20px;
        box-sizing: border-box;
        box-shadow: none;
        margin: auto;
        height: auto;
    }

    .mapContact {
        width: 100%;
        height: 100%;
    }

    textarea#ctl00_cphPanMilieu_ctl00_txtMessage {
        height: 110px;
    }

    .body_14 a.btn_DecouvrirResidences {
        top: 490px;
    }

    .swiper-text h1 {
        font-size: 20px;
        letter-spacing: 1px;
        line-height: 25px;
    }

    .ccb581 .photoColonne {
        width: 100%;
        float: right;
    }

    .Glob {
        font-size: 12px;
        text-align: center;
        letter-spacing: 0px;
    }


    /*fin programme*/

    .contenuFullPage .contenuMixteImageD, .contenuFullPage .contenuMixteImageG {
        width: 100%;
    }

    .btn_DecouvrirResidences.Master {
        /* top: 51vh; */
        width: 300px;
        z-index: 50;
        top: 280px;
    }

    .contenuFullPage .contenuMixteTexteG, .contenuFullPage .contenuMixteTexteD {
        padding: 25px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 45px;
    }

    .Select_Region {
        top: 440px;
        width: 360px;
    }

    h2 {
        font-size: 16px !important;
        line-height: 22px;
    }

    .modalPopup {
        padding: 20px;
        width: 90%;
    }

    .Select_Region h2 {
        font-size: 16px;
        letter-spacing: 0.5px;
        text-shadow: 0 0 15px black;
        margin-bottom: 0px;
        padding-bottom: 5px;
    }


    .modalPopup .btnClose {
        margin-bottom: 0px;
    }

    .ccb568 .backgroundParallax-content h2 {
        text-align: center;
        font-size: 16px;
        line-height: 21px;
    }

    .ccb568 .backgroundParallax-content h3 {
        text-align: center;
        font-size: 16px;
        line-height: 20px;
    }

    .actuTitre {
        margin-bottom: 0px;
        font-size: 18px;
        line-height: 22px;
    }

    .actuDate {
        font-size: 12px;
    }

    .actuDesc .actuTexte {
        margin-top: 20px;
    }

    .detailActuDate {
        letter-spacing: 1px;
        font-size: 14px !important;
    }


    h1.detailActuTitre {
        letter-spacing: 1px;
        font-size: 20px;
        width: auto;
        top: 0px;
        text-align: left;
        line-height: 25px;
        background-color: rgba(255, 255, 255, 0.00);
        padding: 0px;
    }

    .detailActuDesc_detailActuTexte {
        flex-direction: column-reverse;
        margin-bottom: 0px;
    }

    .detailActuDesc {
        width: 100%;
        box-sizing: border-box;
    }


    .body_1206 .Transition_Verticale01.open {
        height: auto;
        margin-bottom: 50px;
    }

    .detailActuTexte {
        padding: 30px;
    }

    a.swipebox {
        display: inline-block;
        box-sizing: border-box;
        -o-object-fit: cover;
           object-fit: cover;
        overflow: hidden;
        width: 100%;
    }

    .imgPhotoPrincipale {
        float: none;
        right: auto;
        height: 100%;
        width: 100%;
        position: relative;
        -o-object-fit: cover;
           object-fit: cover;
        -o-object-position: center;
           object-position: center;
    }

    .listActuCt, .listActuCt:nth-child(2n) {
        flex-direction: column;
        box-sizing: border-box;
        overflow: hidden;
    }

    .listActuImg {
        width: 100%;
    }

    .listActuDesc, .listActuCt:nth-child(2n) .listActuDesc {
        width: 100%;
        margin: auto;
        box-sizing: border-box;
        padding: 30px;
    }

    .contenuFullPage .contenuMixteTexteD, .contenuFullPage .contenuMixteTexteG {
        box-shadow: none;
        text-align: center;
        margin-bottom: 30px;
    }

    .NumberEtapes {
        display: none;
    }

    .blocNewsletter input[type="text"] {
        width: 200px;
    }

    .Residence_Plaquette {
        /* position: relative; */
        /* height: 50px !important; */
        /* top: 0; */
        /* margin-top: 20px; */
        /* width: auto; */
        margin-bottom: 50px;
        /* text-align: center !important; */
    }

    .BtnPlaquette {
        justify-content: center;
    }

    div#ctl00_panFondGeneral {
        margin-top: 50px;
    }


    .swiper-text, .body_11 .swiper-text {
        left: auto;
        top: 0%;
        transform: none;
        width: 100%;
        left: 0%;
        height: 100%;
        box-sizing: border-box;
        padding: 20px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        /* background-color: #3030306b; */
        max-width: 100%;
    }

    .Select_Region {
        top: 350px;
        width: 90%;
    }

    .bandeauSliderProgramme .swiper-container::after {
        height: 60vh;
        opacity: 0.5;
    }

    a.Region {
        padding: 6px 0px;
        width: 42%;
        margin-bottom: 9px;
        background-color: #ffffff;
        letter-spacing: 0px;
        color: #303030;
        border: none;
        font-size: 12px;
    }

        a.Region:hover {
            color: #ffffff;
            background-color: #e00030;
        }

    .bandeauSliderHome .swiper-container {
        height: 460px !important;
        width: 100%;
        margin-bottom: 80px !important;
    }

    .bandeauSliderProgramme .swiper-container {
        margin-bottom: 30px !important;
    }

    .body_11 .bandeauSliderVitrine .swiper-container {
        height: 158px !important;
    }

    .body_11 .bandeauSliderVitrine .swiper-text {
        top: 0px !important;
    }


    .body_11 .btn_DecouvrirResidences.Master {
        top: 186px;
        position: absolute;
    }

    .body_11 a.swipebox {
        display: inline-block;
        box-sizing: border-box;
        -o-object-fit: cover;
        object-fit: cover;
        overflow: hidden;
        width: 60px;
    }

    .triProgDesc {
        max-height: 500px;
    }

    .CtInformations_DescrProgrammes {
        max-height: 510px;
        padding: 15px;
        width: 100%;
    }

    .nav-button {
        height: 50px;
        box-sizing: border-box;
    }

    .center .ct {
        width: 90%;
        text-align: justify;
    }

    .center p {
        text-align: justify;
    }

    .CtAnimationVertical {
        width: 100%;
    }


    .CtCaracteristique {
        margin-left: 0px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        text-align: center;
    }

    img.picto {
        width: 60px;
        text-align: center;
        margin: 0 auto 20px auto;
    }




    #ctl00_cphPanMilieu_panImageProg {
        width: 100%;
        margin-bottom: 20px;
    }

    .ImgVignettes_head-DetailProgramme {
        width: 100%;
        height: auto;
        margin-top: 10px;
        margin-bottom: 10px;
        margin-left: 0%;
        display: flex;
        flex-wrap: wrap;
        box-sizing: border-box;
        margin-right: 10px;
        /* margin-left: 10px; */
        box-sizing: border-box;
    }

    .TaxMeasures {
        padding: 5px 20px;
        font-size: 10px;
        /* margin-bottom: 5px; */
        box-sizing: border-box;
        vertical-align: middle;
        display: flex;
        flex-direction: row;
        align-items: center;
        line-height: 14px;
    }

    .Residence_Delais {
        margin-bottom: 30px;
        margin-top: 0px;
        flex-direction: column;
    }

    .AtoutType {
        font-size: 15px;
        line-height: 24px;
        width: 100%;
        margin: 10px auto;
        text-align: center;
        max-width: 360px !important;
    }


        .PrestationsType p, .AtoutType p {
            text-align: center !important;
            line-height: 24px;
        }

    .divMap .mapContainer {
        height: 240px;
    }

    .PrestationsType span {
        font-size: 14px;
    }

    .ImgVignettes {
        width: 80px;
        margin-right: 5px;
        margin-left: 5px;
        height: 43px;
    }

    .aPartirDe {
        display: none;
    }

    .ResidenceTitre_PageDetail h2 {
        padding-bottom: 0;
    }

    .body_1197 .swiper-container, .body_1216 .swiper-container {
        height: 28vh !important;
        margin-bottom: 20px !important;
    }

    .ResidenceDetail {
        flex-direction: column;
        margin-top: 30px;
        margin-bottom: 0px;
    }

    .data-lot {
        flex-grow: unset;
        flex-basis: 11.11%;
    }

    .data-lot {
        font-size: 12px !important;
    }

        .data-lot:nth-child(4) {
            width: 40px;
        }


        .data-lot:nth-child(1), .data-lot:nth-child(2) {
            width: 40px;
        }

    .BtnImp {
        max-width: 190px;
    }

    .divMap {
        /* margin-bottom: 100px; */
        padding: 0px;
    }

    .ct.PanActualite {
        margin-top: 50px;
        margin-bottom: 50px;
    }

    .Residence_PanLeft {
        width: 100%;
    }

    .Residence_PanRight {
        width: 100%;
        padding-top: 50px;
    }

    .CtPlanMasse {
        max-width: 100%;
        height: auto;
    }


    .FndFull_Gris.PaddingBottom.NoMarginBottom {
        padding-bottom: 50px;
        padding-top: 50px;
    }

    .ct.Residence_Maquette3D_Visite360 {
        flex-direction: column;
        height: auto;
    }

    .IframeResidence_Visite360 {
        width: 100%;
        position: relative;
        margin-left: 0px;
        height: 270px;
    }

    div#ctl00_cphPanMilieu_mapProgramme_panMap {
        width: 100% !important;
        height: 450px !important;
        background-color: #000000;
    }

    .IframeResidence_Maquette3D {
        position: relative;
        height: 270px;
    }

    .TxtMapResearch {
        margin-top: 10px;
    }

    .TxtMapResearch {
        text-align: center;
        width: 100%;
        flex-direction: row;
        font-size: 10px;
    }

    .ChoixMapResearch.Transports {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .Residence_Visite360 {
        margin-left: 0px;
        opacity: 1;
        margin-top: 30px;
    }

    #Opportunites_AvantPremiere, #Opportunites_AvantPremiere, #Opportunites_Lancement, #Opportunites_DernieresOpp, #Opportunites_TravauxEnCours {
        margin-bottom: 15px;
        width: 100%;
    }

    .immodvisor-position-left {
        display: none;
    }

    select#Select_Region_List {
        width: 100%;
        padding: 10px 15px;
        font-size: 14px;
        letter-spacing: 0px;
    }

    /*    .swiper-container {
        height: 37vh !important;
        margin-bottom: 60px !important;
    }
*/

    .Select_Opportunites {
        margin-right: 0px;
        width: 100%;
    }

    .ct.FiltreRecherche {
        text-align: center;
    }

    .btn.Selection {
        width: 100%;
    }

    .ccb648 .photoColonne {
        padding-top: 50px;
    }

    .contenuPaginationSwiperHome {
        display: none;
    }

    #cheminNav {
        display: none;
    }

    .texteDouble .ct {
        width: 90%;
    }

    .WidgetImmodvis {
        display: none;
    }

    .triProgImg {
        margin-top: 0px;
        margin-bottom: 0px;
        height: 150px;
    }

    .triProgDesc {
        font-size: 17px;
        line-height: 19px;
        letter-spacing: 0px;
    }

    .triProgVille {
        font-size: 22px;
        margin-bottom: 0px;
        line-height: 25px;
        text-align: center;
    }

    .PrestationsType {
        width: 100%;
        margin: 10px auto;
        text-align: center !important;
        max-width: 360px !important;
    }

    .CtInformations_Avancement {
        margin-bottom: 15px;
        padding-right: 25px;
        width: 40%;
        border-right: solid 1px #ffffff;
        margin-right: 25px;
    }


    .triProgNom {
        font-size: 20px;
        text-align: center;
        margin-bottom: 20px;
    }

    .body_1196 .triProgNom {
        margin-bottom: 10px;
    }

    .CtInformations_AvancementEtLivraison {
        display: none;
    }

    .Picto_CtInformations_AvancementEtLivraison {
        display: block;
        float: left !important;
        margin-right: auto;
        text-align: left;
        margin-left: 0;
    }


    .CtInformations_Avancement, .CtInformations_Livraison {
        font-size: 15px;
        letter-spacing: 0px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        align-content: center;
        text-align: center;
    }


    .Picto_CtInformations_AvancementEtLivraison {
        width: 31px;
        display: block;
        float: left;
        margin-right: auto;
        margin-left: auto;
        vertical-align: middle;
    }

    .CtInformations_Avancement, .CtInformations_Livraison {
        width: 50%;
    }

    .triProgImg {
        margin-bottom: 0px;
    }

    #divLogo {
        display: none;
    }

    /*h1 {
        font-size: 30px;
        text-align: center;
    }*/

    h1 {
        font-size: 22px;
        line-height: 28px;
        text-align: center;
        letter-spacing: 1px;
    }


    h2 {
        font-size: 25px;
        text-align: center;
        margin-bottom: 0px;
    }

    h3 {
        font-size: 20px;
        text-align: center;
        line-height: 23px;
        letter-spacing: 0px;
    }

    .data-programme.Residence_Livraison {
        text-align: left;
        width: 100%;
        margin-left: 0px;
    }

    .data-programme.Residence_Avancement {
        text-align: left;
    }


    /*    .Residence_Delais {
        flex-direction: column;
        justify-content: left;
    }*/
    /*--------------- 960 --------------*/
    .ct {
        width: 90%;
    }

        .ct .grid_12 {
            width: 300px;
        }

    /*--------------- OUTILS --------------*/
    #outilsHeader {
        right: 10px;
        top: 10px;
    }

    /*--------------- HOME ACTUS --------------*/

    .actuCt {
        width: 100%;
        margin: 0px 0px 20px 0px;
    }

    .eventCt {
        width: 320px;
        margin: 0px 0px 20px 0px;
    }

    .articleCt {
        width: 320px;
        margin: 0px 0px 20px 0px;
    }

    /*-------- BLOCS BOONET template.css---------*/

    .contenuMixteImageD {
        float: none;
        width: 100%;
    }

    .contenuMixteImageG {
        float: none;
        width: 100%;
    }

    .contenuMixteTexteG {
        float: none;
        width: 100%;
    }

    .contenuMixteTexteD {
        float: none;
        width: 100%;
    }

    .contenuTexte2ColG {
        width: 100%;
        float: none;
    }

    .contenuTexte2ColD {
        width: 100%;
        float: none;
    }

    /*** 2 COLONNES ***/

    .contenuDroite {
        width: 300px;
        float: none;
        margin: 0 auto;
    }

    .contenuGauche {
        float: none;
        width: 300px;
        margin: 0 auto;
    }

    .blocGauche {
        float: none;
        width: 300px;
        margin: 0 auto;
    }

    .blocDroite {
        float: none;
        width: 300px;
        margin: 0 auto;
    }

    .flottantDroite {
        margin: 0 0 0 0px;
    }

    .blocGauche #smMenu {
        width: 300px;
    }

    /*** 3 COLONNES ***/

    .troisCol .blocGauche {
        width: 300px;
        margin-right: 0px;
    }

    .troisCol .blocDroite {
        width: 300px;
    }

    .troisCol .contenuCentre {
        width: 300px;
    }

        .troisCol .contenuCentre img {
            width: 100%;
        }

    .contenuCentre .contenuMixteImageG {
        width: 300px;
    }

    .contenuCentre .contenuMixteImageD {
        width: 300px;
    }

    .contenuCentre .contenuMixteTexteG {
        width: 300px;
    }

    .contenuCentre .contenuMixteTexteD {
        width: 300px;
    }

    .contenuCentre .contenuTexte2ColG {
        width: 300px;
    }

    .contenuCentre .contenuTexte2ColD {
        width: 300px;
    }

    /*--------------- REVUE DE PRESSE --------------*/

    .listePressesTitre {
        font-size: 12px;
        margin: 10px 0 0 0;
    }

    .listePressesConteneurTextes {
        margin-left: 0px;
        width: 300px;
    }
    /*--------------- PAGE CONTACT - FORMUALIRE --------------*/

    .formContact {
        width: 260px;
        margin: 0 auto;
        line-height: 17px;
    }

        .formContact tr td {
            display: block;
        }

            .formContact tr td:first-child {
                width: 85px;
                margin-top: 5px;
            }

        .formContact input[type="text"] {
            width: 250px;
            height: 30px;
        }

        .formContact input[type="password"] {
            width: 250px;
            height: 30px;
        }

        .formContact textarea {
            width: 250px;
            height: 70px;
            border: 0;
        }

    .divSubmitFormContact {
        text-align: center;
    }

    .formContact input[type="submit"] {
        margin: 20px auto 40px auto;
    }

    #containerBootcha {
        margin-top: 0px;
    }

    #bootchaSaisie input[type="text"] {
        width: 130px;
    }

    /*--------------- PAGE LISTING ACTUS --------------*/

    #ctl00_cphPanMilieu_grdActus tr {
        margin: 0px;
    }

    /*--------------- CONNEXION--------------*/
    .containerConnexion .form {
        width: 300px;
        margin: 0 auto 30px auto;
    }

    .containerConnexion h2 {
        margin-bottom: 15px;
    }

    .lkPassOublie {
        text-align: center;
    }

    .containerConnexion .connexionColDroite {
        width: 100%;
        text-align: center;
    }

    .connexionColGauche {
        width: 300px;
        border-right: none;
        border-bottom: solid 1px #c9d4da;
        margin-right: 0px;
        padding-right: 0;
        padding-bottom: 30px;
        margin-bottom: 30px;
    }

    .connexionOutilsInscription {
        text-align: center;
    }
    /*--------------- BLOG --------------*/

    .blogColonneContenu {
        width: 300px !important;
        margin: 0 auto;
        float: none;
    }

    .blogColonneBlocs {
        float: none !important;
        width: 300px !important;
    }

    .blogListingContainerCategories, .blogDetailContainerCategories {
        margin: 10px 0 15px 0 !important;
    }

    .blogListingTitre,
    .blogDetailTitre {
        font-size: 26px;
    }

    .blogListingDate {
        font-size: 11px;
    }

    #blog .contenuTexte2ColG {
        width: 100%;
        float: none;
    }

    #blog .contenuTexte2ColD {
        width: 100%;
        float: none;
    }

    /*--------------- DIVERS--------------*/
    .colonne2 {
        -moz-column-count: 1;
        -o-column-count: 1;
        column-count: 1;
        -moz-column-gap: 0px;
        -o-column-gap: 0px;
        column-gap: 0px;
    }
    /*---Form----*/
    .form {
        width: auto;
        margin: 0 auto;
        line-height: 17px;
    }

        .form tr td {
            display: block;
        }

            .form tr td:first-child {
                width: 85px;
                margin-top: 5px;
            }

        .form input[type="text"] {
            width: 250px;
            height: 30px;
        }

        .form input[type="password"] {
            width: 250px;
            height: 30px;
        }

        .form textarea {
            width: 250px;
            height: 70px;
            border: 0;
        }

        .form input[type="submit"] {
            margin: 20px auto 40px auto;
        }

    /*---Form----*/

    input[type="text"] {
        margin: 0 0 0px 0;
    }

    /*--------------- BOUTIQUE--------------*/

    /*---Produit famille----*/
    .btqListingProd {
        text-align: center;
    }

    .btqBlocPhotoFamille {
        height: 220px;
        width: 220px;
        margin: 0 auto;
    }

    .btqBlocFamille {
        width: 220px;
        margin-bottom: 40px;
    }

    .btqBlocDescFamille {
        text-align: justify;
    }

    /*---Produit détail----*/
    .btq-detailPhotoPrincipale {
        width: 300px;
        height: 300px;
        float: none;
        display: block;
    }

    .btq-detailCtMiniatures {
        margin-top: 10px;
        margin-left: 0px;
        float: none;
        width: 100%;
        display: block;
        text-align: center;
    }

    .btq-detailGalerieMini {
        display: inline-block;
        height: 52px;
        padding: 0;
        width: 52px;
        margin: 0 4px;
    }

        .btq-detailGalerieMini:first-child {
            margin-left: 0;
        }

        .btq-detailGalerieMini:last-child {
            margin-right: 0;
        }

    .cpt-tabCompteCommandes tr th {
        display: none;
    }

    .cpt-tabCompteCommandes tr td {
        display: block;
    }

        .cpt-tabCompteCommandes tr td:last-child {
            padding-bottom: 30px;
        }

    .cpt-tabCompteCommandes .btn {
        margin-left: 0;
    }

    .cpt-ctRecapCommande {
        display: block;
        padding-bottom: 20px;
        border-bottom: 1px solid #ccc;
    }

    .commandeUserPanel {
        margin: 0 0 10px 0;
        display: block;
        border: 0;
        padding: 0;
    }

        .commandeUserPanel:nth-child(2) {
            margin-right: 0;
        }

        .commandeUserPanel:nth-child(3) {
            margin-left: 0;
        }

    /*---Panier----*/
    .btq-tabPanier td input[type="text"] {
        font-size: 14px;
        padding: 3px 2px;
    }

    .btq-tabPanier tr td {
        vertical-align: middle;
        height: 60px;
        padding: 10px 0;
    }

    .btq-tabPanier .btq-tabPanierPhoto {
        display: none;
    }

    .btq-tabPanier .btq-tabPanierDesignation {
        width: auto;
        padding-left: 20px;
    }

    .btq-tabPanier .btq-tabPanierQte {
        width: 45px;
    }

    .btq-tabPanier .btq-tabPanierSsTotal {
        padding: 0;
        width: 70px;
    }

    .btq-tabPanier .btq-tabPanierSupprimer {
        width: 45px;
    }

    .btq-tabPanier .ico-math-moins-04, .btq-tabPanier .ico-math-plus-03 {
        display: none;
    }

    .btq-tabPanier .btq-barre {
        font-size: 11px;
        display: block;
        margin: 0;
        padding: 0;
    }

    .btq-tabPanier .btq-prix {
        font-size: 14px;
        display: block;
        margin: 0;
        padding: 0;
    }

    /*--------------- CONNEXION / COMPTE ----------------------------*/
    .ctInscription {
        margin-bottom: 30px;
        padding: 20px;
    }

        .ctInscription .form input[type="text"] {
            width: 240px;
            height: 30px;
        }

        .ctInscription .form input[type="password"] {
            width: 240px;
        }

        .ctInscription .connexionColGauche {
            margin-right: 0px;
            width: 100%;
            padding-bottom: 0;
            text-align: center;
        }

        .ctInscription .connexionColDroite {
            width: 100%;
            text-align: center;
        }

    .formInscription {
        display: inline-block;
        margin: 0 auto;
    }

        .formInscription tr td {
            width: 100%;
        }

    .cookiesBar {
        width: 95%;
        font-size: 11px;
        line-height: 14px;
        padding: 10px 65px 10px 10px;
        left: 2.5%;
        bottom: 10px;
    }

        .cookiesBar input[type="submit"] {
            width: 55px;
        }

    /*--------------- Mentions Leg --------------*/
    .mentionsColLeft {
        width: 100%;
        float: none;
        margin-bottom: 30px;
    }

    .mentionsColRight {
        width: 100%;
        float: none;
    }

        .mentionsColRight p {
            text-align: left;
        }


    .body_21 .btn_DecouvrirResidences.Master {
        display: none;
    }

    .AtoutType4 span {
        line-height: 19px;
        font-size: 14px;
    }


    .ccb672 {
        margin-top: 0px;
    }

    .ccb665 .backgroundParallax-content {
        margin-bottom: 0px !important;
    }

    .Ct_photoEquipe {
        width: 100% !important;
        height: 300px;
        max-width: 240px;
        margin: 10px auto;
    }


    .listActuTexte {
        max-height: 99px;
    }

    a.lien-cat {
        margin-bottom: 10px;
    }

    .liens-cat {
        text-align: center;
        margin-bottom: 70px;
        display: block;
        position: relative;
        display: flex;
        width: 100%;
        flex-direction: column;
    }

    #lbDetailsContainer.grey {
        height: 100%;
    }

    #lbClose.grey {
        background-size: 24px;
        margin: 0;
        width: 37px !important;
        height: 37px !important;
        position: absolute;
        top: 8px;
        right: 0;
        overflow: hidden;
        float: none;
    }

    #lbOuterContainer.grey {
        border: 3px solid #888888;
        height: auto !important;
        overflow: hidden;
        width: 100% !important;
        aspect-ratio: 16 / 9 !important;
        position: relative;
        top: auto;
        transform: none;
        margin: auto;
    }

    #lbImageContainer {
        position: relative;
    }

    #lbImage {
        pointer-events: none;
        position: relative;
        z-index: 1;
    }

    #lbHoverNav {
        position: absolute !important;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 100;
        pointer-events: none;
    }

    #lbNext.grey, #lbPrev.grey {
        background-size: 30px 30px;
        width: 70px !important;
        height: 70px !important;
        position: absolute !important;
        top: 50%;
        transform: translateY(-50%);
        z-index: 101;
        cursor: pointer;
        opacity: 0.9;
        /*background-color: rgba(0, 0, 0, 0.5);*/
        border-radius: 50%;
        transition: opacity 0.3s ease;
        pointer-events: auto;
        display: block !important;
        float: none !important;
        touch-action: manipulation;
        -webkit-tap-highlight-color: rgba(255, 255, 255, 0.3);
    }

        #lbNext.grey:hover, #lbPrev.grey:hover,
        #lbNext.grey:active, #lbPrev.grey:active {
            opacity: 1;
            /*background-color: rgba(0, 0, 0, 0.7);*/
        }

    #lbMain {
        position: absolute !important;
        top: 50% !important;
        left: 50% !important;
        aspect-ratio: 16 / 9 !important;
        height: auto !important;
        width: 90% !important;
        max-width: 600px !important;
        transform: translate(-50%, -50%) !important;
    }

    #lbPrev.grey {
        left: 5px !important;
        right: auto !important;
        float: none !important;
        margin-left: 0 !important;
    }

    #lbNext.grey {
        right: 5px !important;
        left: auto !important;
        float: none !important;
        margin-right: 0 !important;
    }
}