.columns { display:flex; }
.columns > .column { flex:1; }

.container { /* width:75.625vw; max-width:1452px; margin-left:auto; margin-right:auto; */ }
.ui-navbar .container { /* width:75.625vw; */ width:100%; max-width:1452px; margin-left:auto; margin-right:auto; }

.encart-pub { display:block; position:relative; text-align:center; font-family:'Museo'; font-size:20px; font-weight:bold; }
.encart-pub-full { width:100%; height:234px; line-height:234px; background:#EF8B79; color:white; }
main#programme .encart-pub-full { margin-bottom:60px; }

ul.buttons { list-style-type:none; margin:0; padding:0; }
ul.buttons-inline > li { display:inline-block; }

main#programme { }
main#programme .programme-section  { position:relative; margin-bottom:60px; }
main#programme .programme-section > .container { width:75.625vw; max-width:1452px; margin-left:auto; margin-right:auto; }
main#programme .programme-section  h2 { color:#04ABC4; font-family:'Museo'; font-size:20px; font-weight:bold; margin-bottom:30px; }

#programme-header { display:flex; direction:rtl; }
#programme-header > #programme-diaporama { flex:1; min-height:41.25vw; direction:ltr; }
#programme-header > #programme-infos { flex:1; min-width:26.71875vw; max-width:26.71875vw; direction:ltr; background:#0A4850; color:white; padding:70px 50px 50px 50px; text-align:left; }
ul.tags { list-style-type:none; margin:0; padding:0; margin-bottom:30px; }
ul.tags > li { display:block; margin-bottom:10px; }
ul.tags > li > span { display:inline-block; height:30px; line-height:30px; font-family:'Museo'; font-size:14px; font-weight:bold; color:#0A4850; background:white; border-radius:6px; padding:0 15px; text-transform:uppercase; }
ul.certifications { list-style-type:none; margin:0; padding:0; }
ul.certifications > li { display:inline-block; height:28px; line-height:28px; background:transparent; border:solid 1px #A1D316; border-radius:4px; margin:0 10px 10px 0; font-family:'Museo'; font-size:13px; font-weight:bold; text-transform:uppercase; padding:0 10px; }
#programme-infos { font-family:'Montserrat'; }
#programme-infos .nom_programme { font-family:'Museo'; font-size:20px; color:#A1D315; font-weight:bold; margin-bottom:10px !important;  }
#programme-infos .ville_programme { font-family:'Museo'; font-size:25px !important; font-weight:bold; text-transform:uppercase; color:white !important; margin-bottom:10px !important; }
#programme-infos .adresse_programme { display:block; font-family:'Montserrat'; font-size:16px; font-weight:normal; margin-bottom:30px; }
#programme-infos ul.types_biens { list-style-type:none; margin:0; padding:0; margin-top:30px; }
#programme-infos ul.types_biens > li { display:block; font-family:'Montserrat'; font-size:16px; text-transform:uppercase; }
#programme-infos .prix_min { display:block; margin-top:30px; font-family:'Montserrat'; font-size:16px; text-transform:none; }
#programme-infos .prix_min strong { color:#A1D315; }
#programme-infos .date_livraison { display:block; margin-top:30px; margin-bottom:30px; font-family:'Montserrat'; font-size:16px; text-transform:uppercase; }
#programme-infos .date_livraison strong { color:#A1D315; }
#programme-diaporama { overflow:hidden; position:relative; }
#programme-diaporama .slide { position:absolute; left:0; top:0; width:100%; height:100%; background-repeat:no-repeat !important; background-size:cover !important; background-position:center !important; }
#programme-diaporama .owl-stage-outer,
#programme-diaporama .owl-stage,
#programme-diaporama .owl-item { height:100%; }
#programme-diaporama .owl-nav { position:absolute; left:0; bottom:0; right:0; height:100px; line-height:100px; text-align:center; z-index:3; }
#programme-diaporama .owl-nav .owl-prev,
#programme-diaporama .owl-nav .owl-next { display:inline-block; width:42px; height:42px; line-height:42px; border-radius:21px; text-align:center; background-repeat:no-repeat !important; background-size:cover !important; background-position:center !important; position:relative; left:auto; right:auto; border:solid 3px white; background:rgba(255,255,255,0.3); }
#programme-diaporama .owl-nav .owl-prev { margin-right:30px; /* background-image:url('../images/programme-diaporama-prev2.svg'); */ }
#programme-diaporama .owl-nav .owl-next { margin-left:30px; /* background-image:url('../images/programme-diaporama-next2.svg'); */ }
#programme-diaporama .owl-nav .owl-prev:before { content:"\f060" !important; font-size:18px; color:white; font-weight:900; }
#programme-diaporama .owl-nav .owl-next:before { content:"\f061" !important; font-size:18px; color:white; font-weight:900; }
#programme-header ul.medias { list-style-type:none; margin:0; padding:0; position:absolute; bottom:0; left:30vw; z-index:9; }
#programme-header ul.medias > li { display:inline-block; }
#programme-header ul.medias > li > a { display:block; width:170px; height:70px; background:#D3DF89; color:#; text-align:center; margin-right:10px; user-select:none; font-family:'Museo'; font-size:16px; color:#028193; font-weight:bold; text-align:center; padding-top:6px; border-radius:10px 10px 0 0; }
#programme-header ul.medias > li > a img { display:inline-block; margin-bottom:0px; }
#programme-header ul.medias > li > a > span { display:block; }
#programme-header #programme-patchs { position:absolute; left:29.71875vw; /* 26.71875vw; */ top:30px; width:11vw; z-index:8; margin-left:-5.5vw; }
#programme-header #programme-patchs .programme-patch { display:block; margin-bottom:15px; } 
#programme-header #programme-patchs .programme-patch img { display:block; width:100%; height:auto; }
#programme-header h4.accroche { display:block; margin-top:30px; font-family:'Museo'; font-size:20px; color:white; }


#quick-actions { position:fixed; top:225px; right:0; z-index:9; }
#quick-actions ul.buttons { }
#quick-actions ul.buttons > li { margin-bottom:30px; }
#quick-actions ul.buttons a { display:block; color:#fff; text-align:center; padding:15px; font-family:'Montserrat'; font-size:15px; font-weight:bold; color:#fff; border-radius:10px 0 0 10px; width:160px; box-shadow:0 0 8px rgba(0,0,0,0.3); }
#quick-actions ul.buttons a > img { display:block; margin:0 auto 10px auto; }
#quick-actions ul.buttons a.btn-favoris { background:#028193; }
#quick-actions ul.buttons a.btn-documentation { background:#FBBD1A; }

#programme-residence { }
#programme-residence h2 { color:#0A4850 !important; font-weight:900; }
#programme-residence > .container { width:75.625vw; }
#programme-residence .content { display:flex; gap:30px; }
#programme-residence .content > .content-texte { flex:1; min-width:50%; max-width:50%; padding:40px; border:solid 1px #A1D315; border-radius:10px; }
#programme-residence .content > .content-image { flex:1; min-width:50%; max-width:50%;  }
#programme-residence h2 { font-family:'Museo'; font-size:20px; font-weight:bold; color:#0A4850; margin-bottom:30px; }
#programme-residence ul.atouts { list-style-type:none; margin:0; padding:0; margin-bottom:30px; }
#programme-residence ul.atouts > li { display:block; margin-bottom:30px; font-family:'Montserrat'; font-size:14px; color:#0A4850; }
#programme-residence #diaporama-residence { width:100%; height:100%; position:relative; }
#programme-residence #diaporama-residence > .slide { position:relative; width:100%; height:100%; background-repeat:no-repeat !important; background-size:cover !important; background-position:center !important; min-height:383px; }
#programme-residence #diaporama-residence .owl-stage { width:100%; height:100%; }
#programme-residence #diaporama-residence .owl-stage-outer { width:100%; height:100%; }
#programme-residence #diaporama-residence .owl-item { /* position:absolute; left:0; top:0; */ width:100%; height:100%; }
#programme-residence #diaporama-residence .slide { height:100%; }
#programme-residence .btn-ensavoirplus { margin-top:30px; }

#programme-lots { }
#programme-lots h2 { color:#04ABC4; font-family:'Museo'; font-size:20px; font-weight:bold; margin-bottom:30px; }
.accordion.stock { width:100%; border-top:solid 1px #0A4850; }
.accordion.stock h3 { display:block; width:100%; height:65px; display:flex; border-bottom:solid 1px #0A4850; font-family:'Museo'; font-weight:500; font-size:18px; padding-left:calc(((100% - 75.625vw)/2) + 15px); padding-right:calc(((100% - 75.625vw)/2) + 15px); }
.accordion.stock h3 > div { flex:1; height:65px; line-height:65px; text-align:center; font-family:'Museo'; font-size:18px; color:#707070; }
.accordion.stock h3 > div:first-child { font-weight:bold; color:#0A4850; text-align:left; }
.accordion.stock h3 > div:last-child { text-align:right; }
.accordion.stock ul.lots.typologie { list-style-type:none; margin:0; padding:0; background:#0A4850; padding:15px 50px; }
.accordion.stock ul.lots.typologie > li { display:flex; gap:15px; }
.accordion.stock ul.lots.typologie > li > div { flex:1; text-align:center; font-family:'Montserrat'; font-size:16px; border-bottom:solid 1px #DDE0E6; height:40px; line-height:40px; color:white; }
.accordion.stock ul.lots.typologie > li > div:first-child { text-align:left; }
.accordion.stock ul.lots.typologie > li > div:last-child { text-align:right; }
.accordion.stock ul.lots.typologie > li.header > div { color:#A1D315; font-family:'Museo'; font-weight:500; font-size:12px; text-transform:uppercase; }
.accordion.stock ul.lots.typologie > li.header > div:first-child {  }
.accordion.stock .item-content { background:#0A4850; color:white; text-align:center; padding:20px 0; transition:all 0.4s ease; } 
.accordion.stock .item-content table { width:94%; margin-left:auto; margin-right:auto; }
.accordion.stock .item-content table > thead > tr > th { position:relative; height:40px; line-height:40px; font-weight:bold; text-transform:uppercase; color:#A1D315; }
.accordion.stock .item-content table > thead > tr > th:before { content:" "; position:absolute; left:8px; bottom:0; right:8px; border-top:solid 1px white; }
.accordion.stock .item-content table > tbody > tr > td { position:relative; height:40px; line-height:40px; text-align:center; }
.accordion.stock .item-content table > tbody > tr > td:before { content:" "; position:absolute; left:0px; bottom:0; right:0px; border-top:solid 1px white; }
.accordion.stock .item-content table > tbody > tr:last-child > td:before { display:none; }

.accordion.stock .item-content  table td:last-child a:before { display:none; }
.accordion.stock .item-content  table td a.plan:before { /* content:''; background:url('img/plan.png') no-repeat; display:inline-block; width:10px; height:12px; margin-right:6px; background-size:cover; */ }
.accordion.stock .item-content  table td a:hover { color:#A1D319; }
.accordion.stock .item-content  table td { white-space:nowrap; height:30px; line-height:30px; padding:0px; }
.accordion.stock .item-content  table td:nth-child(3) { font-style:italic; }
.accordion.stock .item-content  table td a.simulateur { position:relative; display:inline-block; margin-right:10px; }
.accordion.stock .item-content  table td a.simulateur:after { content:" "; position:absolute; right:-7px; top:4px; height:calc(100% - 8px); width:1px; background:#fff; opacity:0.3; }
.accordion.stock .item-content  table td a.simulateur:last-child { margin-right:0px; border-right:none; }
.accordion.stock .item-content  table td a.simulateur:last-child:after { display:none; }
.accordion.stock .item-content  a.favori { position:relative; display:inline-block; width:30px; height:30px; line-height:30px; }
.accordion.stock .item-content  a.favori:after { content:"\f005"; font-family:fa; color:#fff; font-size:20px; }
.accordion.stock .item-content  a.favori.active:after { font-weight:bold; color:#a1d315 !important; }
.accordion.stock .item-content  a.favori:hover:after { color:#a1d315 !important; }
.accordion.stock .item-content  table td.text-center,
.accordion.stock .item-content  table th.text-center { text-align:center !important; }
.accordion.stock .item-content  table td.text-center { text-align:center !important; }
.accordion.stock .item-content  table td.text-right,
.accordion.stock .item-content  table th.text-right { text-align:right !important; }
.accordion.stock .item-content  a.action { display:inline-block; width:30px; height:30px; line-height:30px; /* border-radius:13px; background:#a1d315; color:#fff; */ color:#fff; }
.accordion.stock .item-content  a.action:hover { color:#a1d315; }
.accordion.stock .item-content  a.action.email:after { content:"\f0e0"; font-family:'fa'; font-size:20px; font-weight:100; }
.accordion.stock .item-content  a.action.telephone:after { content:"\f095"; font-family:'fa'; font-size:20px; font-weight:100; }

.accordion.stock .item-content  a.plan { display:inline-block; /* background:#a1d315; color:#fff; height:26px; line-height:26px; border-radius:13px; padding:0px 12px; font-size:12px; */ background:transparent url('../img/picto-plan.svg') no-repeat; background-size:contain !important; width:20px; height:20px; vertical-align:middle; }
.accordion.stock .item-content  a.plan:before { /* content:"\f1c1"; font-family:'fa'; *//* margin-right:5px; */  }
.accordion.stock .item-content  a.plan span.desc { display:none; }
.accordion.stock .item-content  a.plan span.mob { display:none; }

.accordion.stock .item-content { display:none; }
.accordion.stock .item-content.active { display:block !important; }
.accordion.stock h3.active { }
.accordion.stock h3 > div.stock { position:relative; padding-right:65px; }
.accordion.stock h3 > div.stock:after { content:"\f078"; position:absolute; right:0; top:0; width:65px; height:65px; line-height:65px; text-align:center; font-family:'fa'; }
.accordion.stock h3.active > div.stock:after { content:"\f077"; }

#programme-simulateurs { }
#programme-simulateurs > .container { width:43.75vw !important; background:#EDEDED; border-radius:10px; }
#programme-simulateurs .columns > .column { padding:15px; }
#programme-simulateurs .columns > .column:first-child { font-family:'Museo'; font-size:20px; font-weight:bold; color:#0A4850; }
#programme-simulateurs .columns > .column:last-child { flex:0 auto; }
#programme-simulateurs .btn-simulateur { display:block; font-family:'Montserrat'; font-size:14px; font-weight:bold; color:white; background:#A1D315; height:46px; line-height:46px; border-radius:23px; padding:0 20px; text-decoration:none; }
#programme-simulateurs .columns > .column:last-child .btn-simulateur { margin-bottom:15px; }
#programme-simulateurs .columns > .column:last-child .btn-simulateur:last-child { margin-bottom:0; }


#programme-quartier { }
#programme-quartier > .container { width:75.625vw; }


.ui-navbar { position:relative; z-index:9; display:block; transition:all 0.4s ease; }
.ui-navbar-sticky { position:fixed; left:0; right:0; width:auto; display:block;  }
main#programme .ui-navbar-sticky { top:100px; transform:translateY(-100%); opacity:0; }
main#programme.page-menu-sticky .ui-navbar-sticky { transform:translateY(0); opacity:1; }
main#programme.page-menu-sticky { padding-top:100px;  }
#programme-menu { background:#D3DF89; color:#063238; }
#programme-menu > .container {  }
#programme-menu > .columns {  }
#programme-menu > .columns > .column { height:100px; line-height:100px; text-align:center; }
#programme-menu > .columns > .column:first-child { flex:0 auto; text-align:left; }
#programme-menu > .columns > .column:last-child { flex:0 auto; text-align:right; }

#programme-menu ul.programme-infos { list-style-type:none; margin:0; padding:0; font-family:'Museo'; display:inline-block; vertical-align:middle; }
#programme-menu ul.programme-infos > li { display:block; line-height:1em; }
#programme-menu ul.programme-infos > .nom_programme { font-size:18px; font-weight:bold; color:#028193; }
#programme-menu ul.programme-infos > .ville_programme { font-size:20px; font-weight:bold; text-transform:uppercase; }
#programme-menu ul.programme-infos > .type_bien { font-family:'Montserrat'; font-size:14px; text-transform:uppercase; }

ul.page-menu { list-style-type:none; margin:0; padding:0; }
ul.page-menu > li { display:inline-block; position:relative; }
#programme-menu ul.page-menu > li > a { display:block; height:40px; line-height:40px; text-align:center; padding:0 20px; color:#063238; text-decoration:none !important; font-family:'Montserrat'; font-size:14px; font-weight:600; text-transform:uppercase; }

#programme-menu ul.offres-speciales { list-style-type:none; margin:0; padding:0; display:inline-block; vertical-align:middle; }
#programme-menu ul.offres-speciales > li { display:none; vertical-align:middle; height:48px; line-height:48px; padding:0 15px; border-radius:6px; font-family:'Museo'; font-size:25px; font-weight:900; color:#04ABC4 !important; background:white; text-transform:uppercase; }
#programme-menu ul.offres-speciales > li:first-child { display:inline-block; } 
/* 20240429 */
#programme-menu > .columns > .column:last-child { max-width:40%; }
#programme-menu ul.offres-speciales > li:first-child { display:inline-block; max-width:100%; } 
#programme-menu ul.offres-speciales > li > span { display:inline-block; vertical-align:middle; line-height:0.8em; text-align:center; margin-top:-0.2em; max-width:100%; text-overflow:ellipsis; white-space:break-spaces; overflow:hidden; }

.btn-ensavoirplus { display:inline-block; height:46px; line-height:46px; padding:0 30px; border-radius:23px; background:#A1D315; color:white; font-family:'Montserrat'; font-size:14px; font-weight:bold;  }

ul.atouts { list-style-type:none; margin:0; padding:0; }
ul.atouts > li { position:relative; display:block; margin-bottom:15px; padding-left:40px; }
ul.atouts > li > .texte { line-height:1.2em; font-family:'Montserrat'; font-size:14px; color:#0A4850; padding-top:1em; }
ul.atouts > li > img { position:absolute; left:0; top:0; max-width:30px; max-height:30px; display:block; }


#programme-environnement { }
#programme-environnement h2 { margin-bottom:30px; }
#programme-environnement h3 { font-family:'Museo'; font-size:30px; font-weight:bold; color:#A1D316; margin-bottom:30px; }
#programme-environnement p:not(.mentions) { max-width:50%; }
#programme-environnement p.mentions { font-family:'Museo'; font-size:20px; font-weight:bold; color:#A1D316; margin-bottom:30px; }
#programme-environnement > .columns { gap:100px; }
#programme-environnement > .columns > .column:first-child { border:solid 3px #028193; padding:30px; border-radius:0 30px 30px 0; border-left:none; }
#programme-environnement > .columns > .column:last-child { background:#0A484F; color:white; padding:30px 30px 30px 60px; border-radius:30px 0 0 30px;  }
#programme-environnement .column-wrapper { width:calc((75.625vw - 220px) / 2); position:relative; overflow:hidden; }
#programme-environnement > .columns > .column:first-child > .column-wrapper { float:right; text-align:left; }


#programme-espacevente { }
#programme-espacevente > .container > .columns { border:solid 1px #A1D315; border-radius:10px; overflow:hidden; }
#programme-espacevente > .container > .columns > .column:first-child { padding:60px; }

#programme-espacevente > .container > .columns > .column:last-child { background:transparent url('../images/bg_programme_espacevente.jpg') no-repeat; background-size:cover; background-position:center; }
#programme-espacevente .bv_intro { display:block; font-family:'Montserrat'; font-size:14px; color:#0A4850; margin-bottom:30px; max-width:80%; }
#programme-espacevente .bv_adresse { position:relative; padding-left:75px; height:66px; color:#A1D315; font-family:'Montserrat'; font-size:14px; font-weight:bold; color:#0A4850; margin-bottom:30px; background:transparent url('../images/icone-adresse_bv.svg') no-repeat; background-position:0 0; background-size:55px auto; color:#A1D315; }
#programme-espacevente ul.buttons-inline > li { margin-right:15px; }
#programme-espacevente ul.buttons-inline > li:last-child { margin-right:0; }


#avantages-sully { background:transparent url('../images/bg_programme_petitsplus.jpg') no-repeat; background-size:100% auto; background-position:center; }
#avantages-sully > .container { text-align:right; padding:60px 15px 100px 30%; text-align:left; }
ul.avantages { list-style-type:none; margin:0; padding:0; display:flex; gap:30px; flex-direction:row-reverse; }
ul.avantages > li { position:relative; flex:1; width:200px; margin-left:30px; background:#063238; width:200px; padding:50px 30px 60px 30px; border-radius:10px; text-align:center; color:white; font-family:'Museo'; font-size:12px; font-weight:normal; max-width:200px; }
ul.avantages > li:before { content:" "; position:absolute; left:50%; width:48px; height:48px; margin-left:-24px; top:-24px; background-size:contain !important; background-repeat:no-repeat !important; background-position:center !important;  }
ul.avantages > li:first-child:before { background:transparent url('../images/icone-avantage1.svg') no-repeat; }
ul.avantages > li:last-child:before { background:transparent url('../images/icone-avantage3.svg') no-repeat; }
ul.avantages > li:nth-child(2):before { background:transparent url('../images/icone-avantage2.svg') no-repeat; }
ul.avantages > li h5 { font-family:'Museo'; font-size:16px; font-weight:bold; margin-bottom:30px; }
ul.avantages > li p { font-family:'Museo'; font-size:12px; font-weight:normal; }
ul.avantages > li .btn-ensavoirplus { position:absolute; bottom:-23px; width:132px; margin-left:-66px; }
#avantages-sully h3 { position:relative; font-family:'Museo'; font-size:25px; font-weight:bold; color:white; margin-bottom:50px; }
#avantages-sully h3 > span { display:block; }
#avantages-sully h3 > span.text2 { margin-left:60px; margin-top:15px; }
#avantages-sully h3 > span.plus { position:absolute; left:30px; top:0px; font-size:60px; color:#A1D315; }


#programme-quartier { }
#programme-quartier .columns.content {  }
#programme-quartier .columns.content:nth-child(odd) { flex-direction:row-reverse; }
#programme-quartier .columns.content > .column { min-width:50%; max-width:50%; }
#programme-quartier .columns.content > .column.texte { padding:60px 120px; background:#0A4850; color:white; font-size:12px !important; font-family:georgia, palatino, serif !important; font-weight:normal; }
#programme-quartier .columns.content > .column.texte p,
#programme-quartier .columns.content > .column.texte ul,
#programme-quartier .columns.content > .column.texte ul li,
#programme-quartier .columns.content > .column.texte span { font-size:12px !important; font-family:georgia, palatino, serif !important; line-height:1.2em; }
#programme-quartier .columns.content > .column.texte .btn-ensavoirplus { margin-top:30px; }
#programme-quartier .columns.content > .column.illustration { background-repeat:no-repeat !important; background-position:center !important; background-size:cover !important; }
#programme-quartier .columns.content:first-child { border-radius:0 30px 0 0; overflow:hidden; }
#programme-quartier .columns.content:last-child { border-radius:0 0 0 30px; overflow:hidden; }
#programme-quartier .columns.content > .column.texte ul { list-style-type:none; }
#programme-quartier .columns.content > .column.texte ul > li { margin-bottom:1em; padding-left:2em; position:relative; }
#programme-quartier .columns.content > .column.texte ul > li:before { content:" "; position:absolute; left:0; top:0.3em; width:0.6em; height:0.6em; border-radius:0.3em; background:#99cc00; }
#programme-quartier .columns.content > .column.texte > p,
#programme-quartier .columns.content > .column.texte > h3 { margin-bottom:2em; margin-top:0; }
#programme-quartier .columns.content > .column.texte > p > span,
#programme-quartier .columns.content > .column.texte > h3 > span { font-size:14px; }

#programme-actions { position:fixed; top:10vw; right:0; z-index:11; width:360px; display:none; }
#programme-actions .ui-pages-item { display:block; width:100%; background:white; color:black; padding:60px 30px; border-radius:10px 0 0 10px; overflow:hidden; }
.ui-pages-item h3 { font-family:'Museo'; font-size:18px; font-weight:normal; margin-bottom:30px; text-align:center; }
.ui-pages-item h3 > strong { display:block; font-size:22px; font-weight:bold; color:#A1D315; }
.ui-pages-item h4 { font-family:'Museo'; font-size:18px; font-weight:normal; margin-bottom:30px; }
.ui-pages-item .form-group { }
.ui-pages-item .form-group > .control-label { display:none; }
.ui-pages-item .form-group > .control { width:100%; }
.ui-pages-item .form-group > .control .form-control { width:100%; }
.ui-pages-item .form-group .form-control { height:40px; line-height:40px; border:solid 1px #707070; border-radius:6px; }

#programme-proximite .distances-proximites { padding:0 60px; text-align:center; background:#0A484F url('../images/programme-proximite-bg.svg') no-repeat; background-size:auto 100%; background-position:-10% center; color:white; margin-bottom:60px; font-family:'Museo'; overflow:hidden; }
ul.services-proximite { list-style-type:none; margin:0; padding:0; display:flex; gap:0; }
ul.services-proximite > li { position:relative; flex:0 auto; height:300px; line-height:300px; max-width:8vw; padding:0 0.5vw; /* overflow:hidden; */ }
ul.services-proximite > li.origine { min-width:16vw; font-size:15px; }
ul.services-proximite > li > div { display:inline-block; vertical-align:middle; line-height:1em; }
ul.services-proximite > li > span { display:block; font-size:14px; text-align:center; color:white; line-height:1em; }
ul.services-proximite > li span.distance { text-transform:uppercase; margin-bottom:15px; font-size:12px; }
ul.services-proximite > li span.service { margin-top:15px; }
ul.services-proximite > li span.marker { width:24px; height:28px; line-height:28px; background:#A1D316; color:white; margin:auto; background:transparent url('../images/programme-proximite-marker.svg') no-repeat; }
ul.services-proximite > li:not(.origine):before { content:" "; position:absolute; left:0; top:0; right:0; height:60px; background:linear-gradient(to bottom, #0A484F, transparent); z-index:2; }
ul.services-proximite > li:not(.origine):after { content:" "; position:absolute;  left:0; bottom:0; right:0; height:60px; background:linear-gradient(to top, #0A484F, transparent); z-index:2; }
ul.services-proximite .circle { display:grid; place-items:center; border-radius:50%; border:solid 2px #A1D316; position:absolute; left:0; top:0; margin-top:-50%; margin-left:-50%; }
ul.services-proximite .circle[data-num="0"] { width:calc((8vw * 2) + 8vw); height:calc((8vw * 2) + 8vw); margin-top:calc(((-8vw * 2) + 8vw) / 2); margin-left:calc(((-8vw * 2) + 8vw) / 2); }
ul.services-proximite .circle[data-num="1"] { width:calc((8vw * 4) + 8vw); height:calc((8vw * 4) + 8vw); margin-top:calc(((-8vw * 4) + 8vw) / 2); margin-left:calc(((-8vw * 4) + 8vw) / 2); }
ul.services-proximite .circle[data-num="2"] { width:calc((8vw * 6) + 8vw); height:calc((8vw * 6) + 8vw); margin-top:calc(((-8vw * 6) + 8vw) / 2); margin-left:calc(((-8vw * 6) + 8vw) / 2); }
ul.services-proximite .circle[data-num="3"] { width:calc((8vw * 8) + 8vw); height:calc((8vw * 8) + 8vw); margin-top:calc(((-8vw * 8) + 8vw) / 2); margin-left:calc(((-8vw * 8) + 8vw) / 2); }

ul.services-proximite > li.origine span.marker { display:block; background:transparent url('../images/programme-proximite-marker1.svg') no-repeat; margin-top:10px; width:2vw; height:2.5vw; background-size:contain; background-position:center; }

#mentions-legales { }
#mentions-legales p { font-size:10px; color:#333; line-height:1.2em; margin:0 0 15px 0; }



@media all and (min-width: 769px) {
		
		body { font-size:0.7vw; }
		
		ul.tags { /* min-height:5vw; */ display:flex; flex-direction:column-reverse; }
		
		div.nb_arbres { position:relative; display:block; padding-left:3.9vw; display:flex; direction:rtl; margin-bottom:20px; /* font-family:'Museo'; font-size:50px; font-weight:900; color:#A1D316; */ text-align:left; }
		div.nb_arbres:before { content:" "; position:absolute; left:0; top:0; width:3.125vw; height:3.125vw; background:transparent url('../images/icon-arbre.svg') no-repeat; background-position:center; background-size:contain; }
		div.nb_arbres > span { flex:1 auto; height:3.125vw; line-height:3.125vw; font-family:'Museo'; font-weight:900; font-size:1.25vw; white-space:nowrap; }
		div.nb_arbres > span:not(.total) { color:white; text-transform:uppercase; letter-spacing:2px; }
		div.nb_arbres > span.total { position:relative; width:7.8125vw; font-size:2.5vw; margin-right:1vw; transition:all 0.4s ease; opacity:1; text-align:center; width:5vw; font-family:'Museo'; font-weight:900; font-size:3vw; color:#A1D316; }
		div.nb_arbres > span.total span { position:absolute; left:0; top:0; right:0; bottom:0; transition:all 0.4s ease; }
		div.nb_arbres > span.total span.next { transform:translateY(100%); opacity:0; }
		div.nb_arbres > span.total span.ok { transform:translateY(0) !important; opacity:1 !important; }
		div.nb_arbres > span.total span.past { transform:translateY(-100%) !important; opacity:0 !important; }
		
		.btn-ensavoirplus { height:2.4vw; line-height:2.4vw; padding:0 1.5625vw; border-radius:1.2vw; font-size:0.7vw; text-transform:uppercase; }
		
		.ui-navbar .container { width:75.625vw; max-width:1452px; }
		#programme-menu > .columns > .column { height:5.25vw; line-height:5.25vw; }
		#programme-menu ul.programme-infos > .nom_programme { font-size:0.9vw; }
		#programme-menu ul.programme-infos > .ville_programme { font-size:1.2vw; }
		#programme-menu ul.programme-infos > .type_bien { font-size:0.7vw; }
		#programme-menu ul.page-menu > li > a { font-size:0.7vw; padding:0 1vw; }
		#programme-menu ul.offres-speciales > li { font-size:1.1vw; height:3vw; line-height:3vw; }
		
		#programme-header { overflow:hidden; }
		#programme-header .ui-webview { position:absolute; left:0; top:0; right:0; bottom:0; background:white; transition:all 0.4s ease; transform:translateY(-100%); opacity:0; z-index:9; }
		#programme-header .ui-webview iframe { display:block; width:100%; height:100%; }
		#programme-header .ui-webview.active { transform:translateY(0); opacity:1; }
		#programme-header .ui-webview a.close { position:absolute; top:30px; right:30px; width:3.125vw; height:3.125vw; line-height:3.125vw; text-align:center; border-radius:6px; background:#fff url('../img/croix-copy.svg') top center no-repeat !important; background-position:center center !important; box-shadow:0 0 8px rgba(0,0,0,0.2); z-index:3; }
		
		#programme-header > #programme-infos { padding:3.65vw 2.6vw 2.6vw 2.6vw; }
		#programme-header ul.medias > li > a { font-size:0.85vw; }
		ul.tags > li > span { font-size:0.7vw; }
		#programme-infos .nom_programme { font-size:1.2vw; }
		main#programme .programme-section h2 { font-size:1.2vw; }
		#programme-infos .ville_programme { font-size:1.4vw !important; }
		#programme-infos .adresse_programme { font-size:0.85vw; }
		#programme-infos ul.types_biens > li { font-size:0.85vw; }
		#programme-infos .prix_min,
		#programme-infos .date_livraison { font-size:0.85vw; }
		ul.certifications > li { font-size:0.7vw; }
		#programme-header h4.accroche { font-size:1.2vw; max-width:90%; }
		#programme-diaporama .owl-nav .owl-prev, #programme-diaporama .owl-nav .owl-next { top:0; }
		#quick-actions ul.buttons a { width:8.33vw; font-size:0.8vw; }
		#quick-actions ul.buttons a > img { max-width:40%; }
		
		#programme-residence .content > .content-texte { padding:2.08vw; }
		#programme-residence ul.atouts > li { font-size:0.85vw; margin-bottom:1.5em; }
		ul.atouts > li > .texte { font-size:0.85vw; padding-top:7px; display:inline-block; vertical-align:middle; }
		#programme-residence .btn-ensavoirplus { margin-top:1.5625vw; }

		main#programme .encart-pub-full { margin-bottom:3.125vw; }
		
		.accordion.stock h3 > div { font-size:0.9vw; }
		
		#programme-simulateurs .columns > .column:first-child { font-size:1.2vw; }
		#programme-simulateurs .btn-simulateur { height:2.4vw; line-height:2.4vw; padding:0 1.5625vw; border-radius:1.2vw; font-size:0.7vw; }
		
		#programme-quartier .columns.content > .column.texte { padding:3.125vw 4vw; font-size:0.7vw; }
		#programme-quartier .columns.content > .column.texte .btn-ensavoirplus { margin-top:1.5625vw; }
		#programme-quartier .columns.content > .column.texte > p > span,
		#programme-quartier .columns.content > .column.texte span,
		#programme-quartier .columns.content > .column.texte > h3 > span { font-size:0.8vw !important; }
		
		#programme-environnement h3 { font-size:1.3vw; }
		#programme-environnement p.mentions { font-size:1vw; margin-top:1em; margin-bottom:1.5em; }
		#programme-environnement.no-dpe > .columns { margin-left:calc((100% - 75.625vw) / 2); padding-left:20px; }
		#programme-environnement.no-dpe > .columns > .column.dpe { display:none; }
		
		#programme-espacevente > .container > .columns > .column:first-child { padding:3.125vw; }
		#programme-espacevente .bv_intro,
		#programme-espacevente .bv_adresse { font-size:0.7vw; margin-bottom:1.5625vw; }
		
		#avantages-sully > .container { padding:3.125vw 0.8vw 5.2vw 30%; }
		#avantages-sully h3 { font-size:1.2vw; margin-bottom:2.6vw; }
		#avantages-sully h3 > span.text1 { font-size:1.2vw; }
		#avantages-sully h3 > span.text2 { font-size:1.2vw; }
		#avantages-sully h3 > span.plus { font-size:3.125vw; }
		ul.avantages { gap:1.5625vw; }
		ul.avantages > li:before { width:2.5vw; height:2.5vw; margin-left:-1.25vw; top:-1.25vw; }
		ul.avantages > li { margin-left:1.5625vw; width:10.4vw; max-width:10.4vw; padding:2.6vw 1.5625vw 3.125vw 1.5625vw; font-size:0.65vw; }
		ul.avantages > li h5 { font-size:0.75vw; margin-bottom:1.5625vw; }
		ul.avantages > li p { font-size:0.65vw; }
		ul.avantages > li .btn-ensavoirplus { bottom:-1.2vw; }
		
		ul.services-proximite > li { max-width:12vw; min-width:12vw; height:15.625vw; line-height:15.625vw; }
		ul.services-proximite > li.origine { min-width:24vw; }
		ul.services-proximite > li:not(.origine) > div { max-width:70%; }
		ul.services-proximite .circle[data-num="0"] { width:calc((12vw * 2) + 12vw); height:calc((12vw * 2) + 12vw); margin-top:calc(((-15.625vw * 2) + 12vw) / 2); margin-left:calc(((-12vw * 2) + 12vw) / 2); }
		ul.services-proximite .circle[data-num="1"] { width:calc((12vw * 4) + 12vw); height:calc((12vw * 4) + 12vw); margin-top:calc(((-14vw * 4) + 12vw) / 2); margin-left:calc(((-12vw * 4) + 12vw) / 2); }
		ul.services-proximite .circle[data-num="2"] { width:calc((12vw * 6) + 12vw); height:calc((12vw * 6) + 12vw); margin-top:calc(((-13vw * 6) + 12vw) / 2); margin-left:calc(((-12vw * 6) + 12vw) / 2); }
		ul.services-proximite .circle[data-num="3"] { width:calc((12vw * 8) + 12vw); height:calc((12vw * 8) + 12vw); margin-top:calc(((-12vw * 8) + 12vw) / 2); margin-left:calc(((-12vw * 8) + 12vw) / 2); }
		ul.services-proximite .circle[data-num="4"] { width:calc((12vw * 10) + 12vw); height:calc((12vw * 10) + 12vw); margin-top:calc(((-12vw * 10) + 12vw) / 2); margin-left:calc(((-12vw * 10) + 12vw) / 2); }
		ul.services-proximite .circle[data-num="5"] { width:calc((12vw * 12) + 12vw); height:calc((12vw * 12) + 12vw); margin-top:calc(((-12vw * 12) + 12vw) / 2); margin-left:calc(((-12vw * 12) + 12vw) / 2); }
		
		ul.services-proximite > li:not(.origine) > div { display:flex; flex-direction:column; gap:1em; width:100%; max-width:100%; text-align:center; height:100%; position:relative; z-index:3; }
		ul.services-proximite > li span.distance { flex:1; max-width:50%; margin:auto; display:flex; align-items:self-end; line-height:1.2em; }
		ul.services-proximite > li span.marker { flex:0 auto; }
		ul.services-proximite > li span.service { flex:1; max-width:50%; margin:auto; line-height:1.2em; }
		ul.services-proximite > li span.distance > span,
		ul.services-proximite > li span.service > span { background:#0A484F; }

}
		
@media all and (max-width: 768px) {
		
		main#programme .btn-ensavoirplus { font-size:3vw !important; }
		
		main#programme .programme-section { margin-bottom:8vw; }
		main#programme .programme-section > .container { width:auto; margin-left:5vw; margin-right:5vw; padding-left:0; padding-right:0; }
		main#programme .programme-section h2 { font-size:4.8vw !important; margin-bottom:5vw; }
		
		#programme-menu { display:none; }
		
		main#references .page-header { min-height:60vw; background-image:url('<?=$fields['header_background_image']['url'];?>'); }
		main#references .page-header { background-size:auto 100% !important; background-position:center !important; margin-bottom:0 !important; }
		main#references .page-header h1 { font-size:7vw !important; }
		
		main#references .ref-section { margin-bottom:5vw; padding-top:0; }
		main#references .ref-section > .container { padding-left:15px; padding-right:15px; }
		
		#engagement-eco { border-radius:10px; }
		#engagement-eco h1 { margin-top:0 !important; }
		div.nb_arbres { position:relative; display:block; padding-left:75px; display:flex; flex-direction:column-reverse; direction:rtl; margin-bottom:20px; }
		div.nb_arbres:before { content:" "; position:absolute; left:0; top:10px; width:60px; height:60px; background:transparent url('../images/icon-arbre.svg') no-repeat; background-position:center; }
		div.nb_arbres > span { flex:1; height:auto; line-height:1.3em; font-family:'Museo'; font-weight:900; font-size:25px; white-space:nowrap; text-align:left; }
		div.nb_arbres > span:not(.total) { color:white; text-transform:uppercase; letter-spacing:2px; font-size:4vw; height:auto; line-height:1.2em; }
		div.nb_arbres > span.total { position:relative; width:auto; font-size:50px; margin-right:20px; transition:all 0.4s ease; opacity:1; min-height:40px; }
		div.nb_arbres > span.total span { position:absolute; left:0; top:0; right:0; bottom:0; transition:all 0.4s ease; }
		div.nb_arbres > span.total span.next { transform:translateY(100%); opacity:0; }
		div.nb_arbres > span.total span.ok { transform:translateY(0) !important; opacity:1 !important; }
		div.nb_arbres > span.total span.past { transform:translateY(-100%) !important; opacity:0 !important; }
		
		#programme-header { flex-direction:column; }
		#programme-header > #programme-diaporama { min-height:90vw; }
		#programme-header > #programme-diaporama,
		#programme-header > #programme-diaporama .owl-stage-outer,
		#programme-header > #programme-diaporama .owl-stage,
		#programme-header > #programme-diaporama .owl-item,
		#programme-header > #programme-diaporama .owl-item .slide { position:relative; width:100%; min-height:90vw; }
		#programme-header > #programme-infos { min-width:100vw; max-width:100vw; padding:25px; }
		#programme-infos .ville_programme { font-size:5vw !important; }
		#programme-infos ul.types_biens > li { font-size:3.5vw !important; }
		#programme-infos .date_livraison { font-size:3.5vw !important; }
		#programme-infos .prix_min { font-size:3.5vw !important; }
		#quick-actions { top:18vw; }
		#quick-actions ul.buttons li { margin-bottom:4vw; }
		#quick-actions ul.buttons a { width:20vw; font-size:2.3vw; }
		#quick-actions ul.buttons a img { width:6.28vw; }
		#programme-header #programme-patchs { left:5vw; top:5vw; width:24vw; margin-left:0; }
		#programme-header #programme-patchs .programme-patch { margin-bottom:4vw; }
		#programme-header #programme-patchs .programme-patch img { box-shadow:0 0 8px rgba(0,0,0,0.3); }
		/* 20240429 */
		#programme-header .ui-webview { position:absolute; left:0; top:0; right:0; bottom:0; background:white; transition:all 0.4s ease; transform:translateY(-100%); opacity:0; z-index:9; }
		#programme-header .ui-webview iframe { display:block; width:100%; height:100%; }
		#programme-header .ui-webview.active { transform:translateY(0); opacity:1; }
		#programme-header .ui-webview a.close { position:absolute; top:30px; right:30px; width:3.125vw; height:3.125vw; line-height:3.125vw; text-align:center; border-radius:6px; background:#fff url('../img/croix-copy.svg') top center no-repeat !important; background-position:center center !important; box-shadow:0 0 8px rgba(0,0,0,0.2); z-index:3; }
		
		#programme-header ul.medias { left:auto; right:0; bottom:10vw; }
		#programme-header ul.medias > li { display:block; margin-bottom:10px; }
		#programme-header ul.medias > li > a { margin:0; width:20vw; height:auto; border-radius:10px 0 0 10px; font-size:13px; }
		
		
		#programme-residence h2 { font-size:4.8vw !important; }
		#programme-residence .content { flex-direction:column; }
		#programme-residence .content > .content-texte { min-width:100%; max-width:100%; padding:5vw; }
		#programme-residence .content > .content-image { min-width:100%; max-width:100%; }
		#programme-residence #diaporama-residence,
		#programme-residence #diaporama-residence .owl-stage-outer,
		#programme-residence #diaporama-residence .owl-stage,
		#programme-residence #diaporama-residence .owl-item,
		#programme-residence #diaporama-residence .owl-item .slide { position:relative; width:100%; min-height:auto; }
		#programme-residence .btn-ensavoirplus { display:block; width:65vw; margin:auto; text-align:center; }
		#programme-residence ul.atouts > li { padding-left:10vw; }
		ul.atouts > li > .texte { font-size:3.5vw; }
		
		#programme-simulateurs > .container { flex-direction:column; width:auto !important; text-align:center; }
		#programme-simulateurs .columns > .column:first-child { font-size:4.2vw; font-weight:900; padding:5vw 10vw; }
		#programme-simulateurs .columns > .column:last-child { padding:0 5vw 5vw 5vw; }
		#programme-simulateurs .btn-simulateur { display:inline-block; }
		#programme-simulateurs .columns > .column:last-child .btn-simulateur { margin-bottom:2vw; display:block; margin-left:auto; margin-right:auto; width:45vw; }
		
		#programme-quartier .container { padding:0; }
		#programme-quartier .columns.content { flex-direction:column-reverse; border-radius:0 0 0 20px !important; margin-bottom:30px; }
		#programme-quartier .columns.content > .column { min-width:100%; max-width:100%; }
		#programme-quartier .columns.content > .column.texte { padding:5vw; font-size:3vw; margin-bottom:0px; }
		#programme-quartier .columns.content > .column.texte ul { list-style-type:none; }
		#programme-quartier .columns.content > .column.illustration { min-height:60vw; }
		#programme-quartier .columns.content:nth-child(odd) { flex-direction:column-reverse; }
		
		#programme-environnement > .columns { flex-direction:column; gap:5vw; }
		#programme-environnement > .columns > .column:first-child { min-width:95vw; max-width:95vw; margin-left:0; margin-right:5vw; border-radius:0 20px 20px 0; padding:5vw; }
		#programme-environnement > .columns > .column:last-child { min-width:95vw; max-width:95vw; margin-left:5vw; margin-right:0; border-radius:20px 0 0 20px; padding:8vw !important; }
		#programme-environnement p:not(.mentions) { max-width:100%; }
		#programme-environnement .column-wrapper { width:100%; }	
		#programme-environnement h3 { font-size:6vw; }
		div.nb_arbres > span.total { color:#A1D316; }
		div.nb_arbres br { display:none; }
		#programme-environnement .btn-ensavoirplus { display:block; width:40vw; margin-left:auto; margin-right:auto; text-align:center; }
		
		#programme-espacevente > .container > .columns { flex-direction:column; overflow:hidden; }
		#programme-espacevente > .container > .columns > .column:first-child { padding:5vw; }
		#programme-espacevente .bv_intro { font-size:3vw; max-width:100%; }
		#programme-espacevente .bv_adresse { font-size:3vw; }
		#programme-espacevente ul.buttons > li { width:100%; text-align:center; margin-bottom:5vw; }
		#programme-espacevente > .container > .columns > .column:last-child { min-height:60vw; }
		#programme-espacevente .btn-ensavoirplus { font-size:4.8vw !important; }
		
		#avantages-sully { background-image:url('../images/bg_programme_petitsplus_mob.jpg'); background-size:100% auto; background-position:top center; }
		#avantages-sully > .container { padding:50vw 5vw 10vw 5vw; }
		ul.avantages { display:block; max-width:60%; margin:auto; }
		ul.avantages > li { margin:0 0 20vw 0; max-width:100%; width:auto; }	
		ul.avantages > li:last-child { margin-bottom:10vw; }
		.programs-list { margin-top:0; }
		
		#programme-proximite .distances-proximites { position:relative; margin-left:5vw; margin-right:5vw; background-size:110% auto !important; background-position:center -10vw !important; padding:0 30px; }
		#programme-proximite .distances-proximites:before { content:" "; position:absolute; left:0; top:0; bottom:0; width:15vw; background:linear-gradient(to right, #0A484F, transparent); z-index:2; }
		#programme-proximite .distances-proximites:after { content:" "; position:absolute; right:0; top:0; bottom:0; width:15vw; background:linear-gradient(to left, #0A484F, transparent); z-index:2; }
		ul.services-proximite { margin-bottom:10vw; display:block; padding:0; }
		ul.services-proximite > li { display:block; height:30vw; line-height:30vw; max-width:100%; }
		ul.services-proximite > li:not(.origine) { margin-bottom:10vw; }
		ul.services-proximite > li:not(.origine):before { display:none; }
		ul.services-proximite > li:not(.origine):after { display:none; }
		ul.services-proximite > li.origine span.marker { width:10vw; height:15vw; margin-top:10vw; }
		ul.services-proximite > li.origine { height:70vw; line-height:70vw; }
		ul.services-proximite .circle { left:50%; top:50%;  }
		ul.services-proximite .circle[data-num="0"] { width:calc((50vw * 2) + 0vw); height:calc((50vw * 2) + 0vw); margin-top:calc(((-50vw * 2) + 0vw) / 2); margin-left:calc(((-50vw * 2) + 0vw) / 2); }
		ul.services-proximite .circle[data-num="1"] { width:calc((90vw * 2) + 0vw); height:calc((90vw * 2) + 0vw); margin-top:calc(((-90vw * 2) + 0vw) / 2); margin-left:calc(((-90vw * 2) + 0vw) / 2); }
		ul.services-proximite .circle[data-num="2"] { width:calc((130vw * 2) + 0vw); height:calc((130vw * 2) + 0vw); margin-top:calc(((-130vw * 2) + 0vw) / 2); margin-left:calc(((-130vw * 2) + 0vw) / 2); }
		ul.services-proximite .circle[data-num="3"] { width:calc((170vw * 2) + 0vw); height:calc((170vw * 2) + 0vw); margin-top:calc(((-170vw * 2) + 0vw) / 2); margin-left:calc(((-170vw * 2) + 0vw) / 2); }
		ul.services-proximite .circle[data-num="4"] { width:calc((210vw * 2) + 0vw); height:calc((210vw * 2) + 0vw); margin-top:calc(((-210vw * 2) + 0vw) / 2); margin-left:calc(((-210vw * 2) + 0vw) / 2); }
		
		ul.services-proximite > li:not(.origine) > div { display:flex; flex-direction:column; gap:1em; width:100%; max-width:100%; text-align:center; height:100%; position:relative; z-index:3; }
		ul.services-proximite > li span.distance { flex:1; max-width:100%; margin:auto; display:flex; align-items:self-end; line-height:1.2em; }
		ul.services-proximite > li span.marker { flex:0 auto; }
		ul.services-proximite > li span.service { flex:1; max-width:100%; margin:auto; line-height:1.2em; }
		ul.services-proximite > li span.distance > span,
		ul.services-proximite > li span.service > span { background:#0A484F; }
		
		.accordion.stock h3 { display:block; height:auto; padding:3vw 5vw 0 5vw; }
		.accordion.stock h3 > div { display:block; height:8vw; line-height:8vw; text-align:center !important; padding:0 !important; font-size:4vw; }
		.accordion.stock h3 > div.stock { padding-bottom:14vw !important; }
		.accordion.stock h3 > div.stock:after { width:8vw; height:8vw; line-height:8vw; top:auto; bottom:0; right:50%; margin-right:-4vw; font-weight:900; }
		
		#programme-alentours h2 { margin-left:5vw !important; margin-bottom:2vw !important; }
		#programme-alentours > .container { margin-left:0 !important; margin-right:0 !important; }
		
		.lots-typologie { display:flex; gap:5vw; font-family:'Museo'; font-size:14px; margin-left:5vw; margin-right:5vw; }
		.lots-typologie > .lots-typologie-header { flex:0 auto; min-width:calc(85vw / 3); max-width:calc(85vw / 3); }
		.lots-typologie > .lots-typologie-body { flex:1; text-align:left; white-space:nowrap; font-size:0; overflow-x:auto; }
		.lots-typologie > .lots-typologie-header > div { position:relative; display:block; max-width:30vw; height:50px; line-height:50px; text-align:left; text-transform:uppercase; color:#A1D315; font-weight:bold; border-bottom:solid 1px rgba(255,255,255,0.6); font-size:12px; }
		.lots-typologie > .lots-typologie-header > div:last-child { border:none; }
		.lots-typologie > .lots-typologie-body > .lot-detail { display:inline-block; margin:0; white-space:nowrap; }
		.lots-typologie .lot-detail > div { position:relative; display:block; max-width:60vw; min-width:30vw; height:50px; line-height:50px; text-align:center; color:white; border-bottom:solid 1px rgba(255,255,255,0.6); font-size:16px; }
		.lots-typologie .lot-detail > div:last-child { border:none; }
		.lots-typologie .lot-detail > div > div { display:inline-block; vertical-align:middle; line-height:1em; }
		.lots-typologie .lot-detail > div.lot_prix span { display:block; font-size:10px; }
		.lots-typologie .lot-detail > div.lot_simulateurs { white-space:nowrap; font-size:0; }
		.lots-typologie .lot-detail > div.lot_simulateurs a { padding:0 10px; border-right:solid 1px white; font-size:14px; }
		.lots-typologie .lot-detail > div.lot_simulateurs a:last-child { border-right:none; }
		.lots-typologie[data-nblots="1"] > .lots-typologie-body > .lot-detail { width:100%; }
}

@media all and (min-width: 1921px) {
		
		#programme-menu > .columns > .column:first-child { flex:0 auto; }
		#programme-menu > .columns > .column:nth-child(2) { /* flex:0 auto; */ }
		#programme-menu ul.offres-speciales > li { font-size:1.1vw; height:3vw; line-height:3vw; }
		ul.page-menu { white-space:nowrap; }
	
}


@media all and (min-width: 1400px) {
		
		ul.page-menu { white-space:nowrap; }
	
}