body {
	font-family: 'Roboto';
}

.mobile {
	display: none;
}

.desktop {
	display: block;
}
.inline {
	display: inline-block;
}

section p {
	margin-bottom: 1.7vw;
}

body {
	font-size: clamp(16px, calc(1rem + 0.5vw), 21px) !important;
	font-weight: 300;
}

.container {
	width: 90%;
	max-width: 100%;
}

.columns {
	display: flex;
}

.columns > .column {
	flex: 1;
}

.btn-documentation {
	position: relative;
	display: inline-block;
	margin: auto;
	padding: 0px 40px;
	height: 3.2vw;
	line-height: 3.2vw;
	border-radius: 5px;
	/* background: rgb(0,43,67); */
	/* background: linear-gradient(90deg, rgba(0,43,67,1) 30%, rgba(224,76,56,1) 100%); */
	background-color: #E04C38;
	color: #fff !important;
	font-weight: 300;
	text-decoration: none !important;
	text-transform: uppercase;
	font-size: clamp(16px, calc(1rem + 0.5vw), 21px);
	white-space: nowrap;
}

.form-control {
	font-size: 1.3vw;
}

#domainetorrefaction .div-btn-carte {
	position: relative;
    right: 5.5%;
    bottom: 6.5vw;
	float: right;
}

#nouvelr .div-btn-carte {
	position: relative;
    right: 5.5%;
    bottom: 6.5vw;
	float: right;
}

div.perspective {
	position: relative;
	width: 100%;
}

div.perspective > .picto {
	position: absolute;
	top: -30px;
	right: 20px;
}

header {
	overflow: hidden;
	text-align: center;
	background: #ccc url('../img/bruges-arpeggia-header-desk-0526.png') no-repeat;
	background-size: cover !important;
	background-position: center right !important;
}

header .container {
	display: block;
	/* width:100%; */
	/* height: 0px; */
	/* padding: 15px 15px 25% 15px; */
	/* padding: 3vw 3vw 34vw 3vw; */
	height: 25%;
	text-align: left;
}

header .logo-dbi {
	position: relative;
	display: inline-block;
	margin-bottom: 40px;
	margin-top: 40px;
	width: 8.4vw;
}

header h1 {
	font-size: 1.5vw;
	text-transform: uppercase;
	line-height: 2.2vw;
	margin-bottom: 15px;
	font-weight: 200;
}

header h1 strong {
/*	font-size: 22px;*/
}

header h1 .mini {
	font-size: 18px;
	text-transform: none;
}

header .btn-documentation {
	padding: 0px 2vw 0px 2vw;
}

/* header .btn-documentation:before {
	content: " ";
    position: absolute;
    left: 1.3vw;
    top: 1.1vw;
    width: 1.6vw;
    height: 1.4vw;
    background: transparent url(../img/icon-book.png) no-repeat;
    background-size: cover;
} */

header .patch-fno {
	display: inline-block;
	height: 40px;
	line-height: 40px;
	padding: 0px 20px;
	color: #000;
	background: #fff;
	border: solid 1px #9A3F34;
	margin-bottom: 15px;
}

header ul.menu-top {
	position: relative;
	display: block;
	list-style-type: none;
	text-align: center;
	width: 100%;
	display: flex;
	/* transform:translateY(-100%); */
}


header ul.menu-top > li {
	flex: 1;
	height: 50px;
	line-height: 50px;
	z-index: 2;
}

header ul.menu-top > li > a {
	position: relative;
	display: block;
	height: 50px;
	line-height: 50px;
	text-align: center;
	color: #fff;
	font-weight: 500;
	text-decoration: none;
	text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.7);
	font-size: 1.1vw;
}

header ul.menu-top > li.active > a {
	border-radius: 8px 8px 0px 0px;
	background: #aaa;
}

main {}

main > section.programme {
	display: none;
}

main > section.programme.active {
	display: block;
}

main > section.programme > .logo-programme {
	display: block;
	width: 30%;
	height: auto;
	max-width: 35%;
	margin: 0px auto 30px auto;
}

main > section.programme .logo-quartier {
	margin-bottom: 30px;
}

ul.lots {
	list-style-type: none;
	margin: 0px 80px;
	padding: 0px;
	margin-bottom: 15px;
	text-align: center;
}

ul.lots > li {
	display: block;
	height: 44px;
	line-height: 44px;
	padding: 0px 15px;
	margin-bottom: 5px;
	color: #65858B;
}


ul.lots > li strong.prix {
	color: #65858B;
}

body.thionville header ul.menu-top {
	background: transparent;
}

body.thionville header ul.menu-top > li:first-child {}

body.thionville header ul.menu-top > li:first-child a {
	background: transparent;
	display: block;
	border-radius: 0 0 10px 0;
}

body.thionville header ul.menu-top > li:last-child {}

body.thionville header ul.menu-top > li:last-child a {
	background: transparent;
	display: block;
	border-radius: 0 0 0 10px;
}

body.thionville {
	background: #465684;
}

body.thionville header ul.menu-top > li.active {
	background: transparent;
}

body.thionville header ul.menu-top > li.active a {
	background: #465684;
	border-radius: 20px 20px 0px 0px;

}

body.thionville header ul.menu-top > li.thionville a:before {
	content: "";
    position: absolute;
    bottom: -15px;
    width: 40px;
    height: 40px;
    background-color: transparent;
    border-right: 15px solid #465684;
    border-bottom: 15px solid #465684;
    border-top-width: 0;
    border-bottom-right-radius: 30px;
    left: -25px;
  
}

body.thionville header ul.menu-top > li.thionville a:after {
	content: "";
    position: absolute;
    bottom: -15px;
    width: 40px;
    height: 40px;
    background-color: transparent;
    border-left: 15px solid #465684;
    border-bottom: 15px solid #465684;
    border-top-width: 0;
    border-bottom-left-radius: 30px;
    right: -25px;
}

#navbar-top ul.menu-top > li.active > a:before {
	content: " ";
    position: absolute;
    left: -15px;
    top: -15px;
    width: 40px;
    height: 40px;
    border-top-left-radius: 30px;
    border-left: 15px solid #ddE0E6;
    border-top: 15px solid #ddE0E6;
}

#navbar-top ul.menu-top > li.active > a:after {
	content: " ";
    position: absolute;
    right: -15px;
    top: -15px;
    width: 40px;
    height: 40px;
    border-top-right-radius: 30px;
    border-right: 15px solid #ddE0E6;
    border-top: 15px solid #ddE0E6;
}

body.thionville main > section.programme#thionville {
	display: block;
	max-width: 1600px;
	margin: 0 auto;
}


body.nouvelr {
	background: #FFFFFF;
}

body.nouvelr header ul.menu-top > li.active {
	background: transparent;
}

body.nouvelr header ul.menu-top > li.active a {
	background: #FFFFFF;
	border-radius: 20px 20px 0px 0px;
}

body.nouvelr main > section.programme#nouvelr {
	display: block;
	padding-bottom: 0;
	margin: 0 auto;
}

body.nouvelr header ul.menu-top > li.nouvelr a:before {
	content: "";
    position: absolute;
    bottom: -15px;
    width: 40px;
    height: 40px;
    background-color: transparent;
    border-right: 15px solid white;
    border-bottom: 15px solid white;
    border-top-width: 0;
    border-bottom-right-radius: 30px;
    left: -25px;
}

body.nouvelr header ul.menu-top > li.nouvelr a:after {
	content: "";
    position: absolute;
    bottom: -15px;
    width: 40px;
    height: 40px;
    background-color: transparent;
    border-left: 15px solid white;
    border-bottom: 15px solid white;
    border-top-width: 0;
    border-bottom-left-radius: 30px;
    right: -25px;
}

body.domainetorrefaction {
	background: #E3D4BB;
}

body.domainetorrefaction header ul.menu-top > li.active {
	background: transparent;
}

body.domainetorrefaction header ul.menu-top > li.active a {
	background: #E3D4BB;
	border-radius: 20px 20px 0px 0px;
	color: black;
    text-shadow: 0 0 BLACK;

}


body.domainetorrefaction main > section.programme#domainetorrefaction {
	display: block;
	padding-bottom: 0;
}

body.domainetorrefaction header ul.menu-top > li.domainetorrefaction a:before {
	content: "";
    position: absolute;
    bottom: -15px;
    width: 40px;
    height: 40px;
    background-color: transparent;
    border-right: 15px solid #E2D4BB;
    border-bottom: 15px solid #E2D4BB;
    border-top-width: 0;
    border-bottom-right-radius: 30px;
    left: -25px;
  
}

body.domainetorrefaction header ul.menu-top > li.domainetorrefaction a:after {
	content: "";
    position: absolute;
    bottom: -15px;
    width: 40px;
    height: 40px;
    background-color: transparent;
    border-left: 15px solid #E2D4BB;
    border-bottom: 15px solid #E2D4BB;
    border-top-width: 0;
    border-bottom-left-radius: 30px;
    right: -25px;
}

body.heritage {
	background: #a2957f;
}

body.heritage header ul.menu-top > li.active {
	background: transparent;
}

body.heritage header ul.menu-top > li.active a {
	background: #a2957f;
	border-radius: 20px 0px 0px 0px;
}

body.heritage main > section.programme#heritage {
	display: block;
}

body.heritage header ul.menu-top > li.heritage a:before {
	content: " ";
	position: absolute;
	left: -20px;
	bottom: 0px;
	width: 20px;
	height: 20px;
	background: transparent url('../img/menu-arrondi-br-heritage.png') no-repeat;
}

body.heritage header ul.menu-top > li.heritage a:after {
	content: " ";
	position: absolute;
	right: -20px;
	bottom: 0px;
	width: 20px;
	height: 20px;
	background: transparent url('../img/menu-arrondi-bl-heritage.png') no-repeat;
}

ul.texte {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

ul.texte > li {
	position: relative;
	padding-left: 40px;
	color: #000000;
}

#domainetorrefaction .programme-section.logements .columns > .column.texte ul.texte li{
	padding-left: 3.3vw;
	font-size: clamp(14px, calc(1rem + 0.38vw), 24px) !important;
	margin-bottom: 0.4vw;
}

#domainetorrefaction .programme-section.logements .columns > .column.texte ul.texte li:before {
	content: " ";
    position: absolute;
    left: 0px;
    top: 0.3vw;
    width: 2.5vw;
    height: 1.2vw;
	background: transparent url('../img/fleche-marron-torre2.png') no-repeat;
	background-size: cover;

}

.spacer {
	width: 5vw;
}

#documentation .form-group#budget { margin-bottom:20px; }
#documentation .form-group#budget .control-label { display:block; width:100%; text-align:center; }
#documentation .form-group#budget .control-label span { font-size:11px; color:#888; }
#documentation .form-group#budget .control { padding-left:20%; padding-right:20%; }
#documentation .form-group#budget .slider-text { font-size:11px; color:#aaa; display:block; width:100%; text-align:center; pointer-events:none; }
.ui-slider { height:4px; background:#ccc; border:none; margin:0 15px 5px 15px; }
.ui-slider .ui-slider-handle { background:#E75138; border:none; width:14px; height:14px; border-radius:7px; margin-top:-1px; }
.ui-slider .ui-slider-range { background:#E75138; border:none; }

@media (max-width: 800px) {
	#documentation .form-group#budget {  }
	#documentation .form-group#budget .control { padding-left:0; padding-right:0; }
}

.optin-txt {
	font-size: 1vw;
}

#documentation button {
	height: 3vw;
	font-size: 1vw;
}

.consentement {
	margin: 0.5vw 0.5vw 0 0.5vw;
	height: 2.5vw !important;
    line-height: 2.5vw !important;
}

#domainetorrefaction .programme-section.residence {
	max-width: 1600px;
	margin: 0 auto;
}

#domainetorrefaction .programme-section.residence .columns > .column.texte ul.texte li{
	padding-left: 3.3vw;
	font-size: clamp(14px, calc(1rem + 0.38vw), 24px) !important;
	margin-bottom: 0.4vw;
}

#domainetorrefaction .programme-section.residence .columns > .column.texte ul.texte li:before {
	content: " ";
    position: absolute;
    left: 0px;
    top: 0.3vw;
    width: 2.5vw;
    height: 1.2vw;
    background: transparent url('../img/fleche-marron-torre2.png') no-repeat;
	background-size: cover;

}
	

#heritage ul.texte > li:before {
	background: transparent url('../img/fleche-heritage3.png') no-repeat;
}


.programme-section {
	position: relative;
	padding-top: 60px;
/*	padding-bottom: 60px;*/
}

.programme-section .container {
	position: relative;
}

.programme-section .columns > .column.illustration img {
	position: relative;
	width: 100%;
	z-index: 2;
}

.img-quartier-nvlr {
	width: 100% !important;
	margin-top: 3.5vw;
}

.thionville-img1 {
	width: 100% !important;
/*	margin-left: 3vw;*/
}

.thionville-img2 {
	margin-top: 3.5vw;
	width: 85%;
}

.img-quartier-torre {
	width: 100% !important;
	margin-top: 3vw;
}

.programme-section.residence {
	color: #000000;
}

.programme-section.residence .columns > .column.illustration {
	min-width: 50%;
}

#domainetorrefaction .programme-section.residence .columns > .column.illustration  {
	min-width: 68% !important;
}

.illustration .illustration-text-first {
	margin: 4vw 0vw 0vw -8vh;
	width: 100%;
}

section {
	padding-top: 6vw;
}

.illus-first {
	margin-top: 4vw;
}

.thionville-plus {
	margin: -3vw auto 0 auto;
	width: 58%;
	text-align: center;
}
.thionville-plus p {
	margin-bottom: 2vw;
}

.thionville-col {
	gap: 5%;
}

.cont-nouvelr {
	min-width: 68% !important;
}

.illustration .illustration-text {
	margin: 2.5vw 0vw 4vw -8vh;
	width: 100%;
}

.illustration .illustration-text-last {
	width: 85%;
	margin: 7vw 0 0 6vw;
}

.illustration .btn-last {
	margin: 2vw 0 1vw 6vw;
}

.texte .texte-text {
	width: 86%;
	margin-top: 4vw;
}

.nouvelr-qrt-txt {
	width: 91%;
/*	padding-bottom: 1.5vw;*/
}

.nvlr-frst-btn {
	margin-left: 3.3vw;
}

.programme-section.logements {
/*	background: #E3D4BB;*/
}

#carte-torrefaction {
	background-color: #A16E44;
	text-align: center;
	padding-bottom: 150px;
}
#carte-torrefaction h3 {
	font-weight: 200;
	font-size: 1.85vw;
	color: #fff;
	margin-bottom: 0.7vw;
	text-align: center;
	text-transform: uppercase;
	padding-top: 6vw;
	font-weight: 300;
}

#carte-nouvelr {
	background-color: #98C8CF;
	text-align: center;
	padding-bottom: 150px;
}
#carte-nouvelr h3 {
	font-weight: 200;
	font-size: 1.85vw;
	color: #fff;
	margin-bottom: 0.7vw;
	text-align: center;
	text-transform: uppercase;
	padding-top: 6vw;
	font-weight: 300;
}

#carte-nouvelr .crt-nvlr-img,
#carte-torrefaction .crt-torr-img
 {
	max-width: 1440px;
	width: 100%;
    margin: 0 auto;
}
#carte-nouvelr .carte,
#carte-torrefaction .carte {
	max-width: 1440px;
	width: 87%;
	margin: 0 auto;
}

.btn-carte {
	height: 3vw;
	max-height: 55px;
	line-height: 20px;
	color: #000000;
	background-color: #DDE0E6;
	border-radius: 5px;
	padding: 0px 40px;
	font-weight: 500;
	text-decoration: none !important;
	font-size: clamp(16px, calc(1rem + 0.5vw), 21px);
	border: 0;
}

.crt-nvlr-txt {
	color: white;
	font-weight: 300;
	font-size: 1.85vw;
	margin-bottom: 4vw;
}

.crt-torr-txt {
	color: white;
	font-weight: 300;
	font-size: 1.85vw;
	margin-bottom: 4vw;
}

.crt-torr-img {
	width: 80%;
    margin: 0 auto
}


#domainetorrefaction ul.lots > li {
	margin-bottom: 0 !important;
}

.logo-footer-tel {
	width: 57%;
    position: relative;
    right: -43%;
}

#nouvelr .btn-documentation {
	background: #65858B;
	text-transform: uppercase;
	font-weight: 300 !important;
	margin-top: 20px;
	font-size: clamp(16px, calc(1rem + 0.5vw), 21px);
}
#nouvelr .logo-programme{
	width: 18%;
}

#nouvelr .programme-section.residence {
	max-width: 1600px;
	margin: 0 auto;
}

#nouvelr .programme-section.residence .columns > .column.texte {
	padding-top: 10vw;
}

#nouvelr .programme-section.residence .columns > .column.texte ul.texte {
	margin-bottom: 30px;
}

#nouvelr .programme-section.residence .columns > .column.texte ul.texte li{
	padding-left: 3.3vw;
	font-size: clamp(14px, calc(1rem + 0.38vw), 24px) !important;
	margin-bottom: 0.4vw;
}

#nouvelr .programme-section.residence .columns > .column.texte ul.texte li:before {
	content: " ";
    position: absolute;
    left: 0px;
    top: 0.3vw;
    width: 2.5vw;
    height: 1.2vw;
    background: transparent url('../img/fleche-bleu-nouvelr2.png') no-repeat;
	background-size: cover;

}

#nouvelr .programme-section.logements {
	max-width: 1600px;
	margin: 0 auto;
}

#nouvelr .programme-section.logements .columns > .column.texte {
	padding-top: 0%;
}

#nouvelr .programme-section.logements .columns > .column.texte ul.texte {
	max-width: 93%;
	margin-bottom: 30px;
	margin-top: 2vw;
}

#nouvelr .programme-section.logements .columns > .column.texte ul.texte li{
	padding-left: 3.3vw;
	font-size: clamp(14px, calc(1rem + 0.38vw), 24px) !important;
	margin-bottom: 0.4vw;
}
#nouvelr .programme-section.logements .columns > .column.texte ul.texte li:before {
	content: " ";
    position: absolute;
    left: 0px;
    top: 0.3vw;
    width: 2.5vw;
    height: 1.2vw;
    background: transparent url('../img/fleche-bleu-nouvelr2.png') no-repeat;
	background-size: cover;

}

#nouvelr .programme-section.logements .btn-documentation {
	margin-left: 3.3vw;
}

#nouvelr .programme-section.gdp {
	max-width: 1600px;
	margin: 0 auto;
}

#nouvelr .programme-section.gdp .container {
	width: 75%;
	padding: 30px 15px;
/*	border: solid 1px #82B591;*/
	background: #98C8CF;
/*    margin-bottom: 75px;*/
}

.offre-nvlr {
	max-width: 30%;
}

.offre-torre {
	width: 25%;
}

.img-qrt {
	width: 45%;
}

#nouvelr .cont-ml-gdp {
	padding: 10px 30px 15px; 
    margin-bottom: 5vw;
    text-align: center;
    color: #17213C;
}

#nouvelr .programme-section.gdp h3 {
	font-weight: 200;
	font-size: 1.85vw;
	color: #fff;
	margin-bottom: 15px;
	text-align: center;
}

#nouvelr .programme-section.gdp ul.lots > li {
	background: #FFFFFF;
}

#nouvelr .programme-section.gdp .btn-documentation {
	background: #65858B;
    color: #ffffff !important;
}

#nouvelr .programme-section.quartier {
	background: #65858B;
	padding-bottom: 4vw;
}

#nouvelr .programme-section.quartier .container{
	max-width: 1440px;
	margin: 0 auto;
}

#nouvelr .programme-section.quartier .quartier-1 > .column.texte {
	padding-top: 40px;
	color: #ffffff;
}

#nouvelr .programme-section.quartier .quartier-2 > .column.texte {
	padding-right: 40px;
	padding-top: 5%;
}

#nouvelr .programme-section.quartier .btn-documentation {
	background: #ffffff;
	color: #65858B !important;
}

#thionville .btn-documentation {
	background: #ffffff;
    color: #D3694A !important;
    font-weight: 300 !important;
    text-transform: uppercase;
}

#thionville .programme-section {
	color: #321B11;
}

#thionville .programme-section.residence,
#thionville .programme-section.prestations {
	color: white;
}

#thionville .programme-section.residence {
/*	background: transparent url('../img/thionville-arbre1.png') no-repeat;*/
	background-position: 100% calc(100% - 60px);
	padding-top: 0px;
}

#thionville .programme-section.residence .container:before {
	content: " ";
/*	background: transparent url(../img/thionville-arbre2.png) no-repeat;*/
	background-position: 0px 0px;
	position: absolute;
	left: 0px;
	top: -140px;
	width: inherit;
	height: -webkit-fill-available;
	z-index: 1;
}

#thionville .programme-section.residence .columns > .column.texte {
	padding-top: 4vw;
}
#thionville .programme-section.residence .columns > .column.texte p {
	margin-bottom: 0;
}

#thionville .programme-section.residence .btn-documentation {
	margin-left: 40px;
}

#thionville .programme-section.logements .columns > .column.texte {
	padding-top: 10%;
}

#thionville .programme-section.logements .columns > .column.texte ul.texte {
	max-width: 80%;
	margin-bottom: 30px;
}

#thionville .programme-section.logements .btn-documentation {
	margin-left: 40px;
}

#thionville .programme-section.prestations {
	padding-top: 1vw;
}

#thionville .programme-section.prestations .columns {
	margin-bottom: 0px;
/*	margin-top: 40px;*/
}

#thionville .programme-section.prestations .columns > .column.texte {
/*	padding-top: 5%;*/
}

#thionville .programme-section.prestations .columns > .column.texte ul.texte {
	margin-bottom: 30px;
}

#thionville .programme-section.prestations .btn-documentation {
/*	margin-left: 40px;*/
	margin-bottom: 9vw;
}

.thionville-plus .btn-last {
	margin-bottom: 7vw !important;
}

#thionville .programme-section.gdp {
	padding-top: 0px;
}

#thionville .programme-section.gdp .container {
	width: 60%;
	background: #107784;
	padding: 30px 15px;
}

#thionville .programme-section.gdp h3 {
	font-weight: 200;
	font-size: 30px;
	color: #fff;
	margin-bottom: 15px;
	text-align: center;
}

#thionville .programme-section.gdp ul.lots > li {
	background: #C6A48E;
}

/*#thionville .programme-section.gdp .btn-documentation {
	background: #fff;
	color: #3F302A !important;
}*/

#domainetorrefaction .btn-documentation {
	background: #CF5208;
	font-weight: 300;
	text-transform: uppercase;
	margin-top: 20px;

}

#domainetorrefaction .programme-section {
	color: #ffffff;
}

/*#domainetorrefaction .programme-section.residence {
	background: transparent url('../img/thionville-arbre1.png') no-repeat;
	background-position: 100% calc(100% - 60px);
	padding-top: 0px;
}*/

/*#domainetorrefaction .programme-section.residence .container:before {
	content: " ";
	background: transparent url(../img/thionville-arbre2.png) no-repeat;
	background-position: 0px 0px;
	position: absolute;
	left: 0px;
	top: -140px;
	width: inherit;
	height: -webkit-fill-available;
	z-index: 1;
}*/

#domainetorrefaction .programme-section.residence .columns > .column.texte {
	padding-top: 10vw;
}

#domainetorrefaction .programme-section.residence .btn-documentation {
	margin-left: 3.3vw;
}

#domainetorrefaction .programme-section.logements {
	max-width: 1600px;
	margin: 0 auto;
}

#domainetorrefaction .programme-section.logements .columns > .column.texte {
	padding-top: 3%;
}

#domainetorrefaction .programme-section.logements .columns > .column.texte ul.texte {
	max-width: 90%;
	margin-bottom: 1vw;
}

#domainetorrefaction .programme-section.logements .btn-documentation {
	margin-left: 3.3vw;
}

#domainetorrefaction .programme-section.prestations {
	padding-top: 0px;
}

#domainetorrefaction .programme-section.prestations .columns {
	margin-bottom: 0px;
}

#domainetorrefaction .programme-section.prestations .columns > .column.texte {
	padding-top: 5%;
}

#domainetorrefaction .programme-section.prestations .columns > .column.texte ul.texte {
	margin-bottom: 30px;
}

#domainetorrefaction .programme-section.prestations .btn-documentation {
	margin-left: 40px;
}

#domainetorrefaction .programme-section.gdp {
	padding-top: 0px;
}

#domainetorrefaction .cont-ml-gdp {
	padding: 10px 30px 15px; 
    margin-bottom: 5vw;
    text-align: center;
    color: #3C1C0D;
}

#domainetorrefaction .cont-ml-gdp .ml-gdp {
	font-size: 0.75vw;
}

#nouvelr .cont-ml-gdp .ml-gdp {
	font-size: 0.65vw;
}

.nouvelr-logo-quartier {
	width: 62%;
}

/*.thionville-img4 {
	margin-top: 2vw;
}*/

#domainetorrefaction .programme-section.gdp .container {
	width: 60%;
	background-image: url("../img/bck-img-gpd.png");
	background-repeat: no-repeat;
	background-size: cover;
	padding: 30px 15px;
	margin-top: 50px;
/*	margin-bottom: 100px;*/
}

#domainetorrefaction .programme-section.gdp h3 {
	font-weight: 200;
	font-size: 30px;
	color: #785642;
	margin-bottom: 15px;
	text-align: center;
}

#domainetorrefaction .programme-section.gdp ul.lots > li {
	background: #ffffff;
    color: #A16E44;
    border-right: 1px black solid;
    border-left: 1px black solid;
    border-bottom: 1px black solid;
}

#domainetorrefaction .programme-section.gdp ul.lots > li:first-child {
	border-top: 1px solid black;
}

.torre-gdp-offre {
	text-align: center;
}

#domainetorrefaction .programme-section.gdp .btn-documentation {
	background: #CF5208;
    color: #ffff !important;
    text-transform: uppercase;
    font-weight: 300;
}



#heritage .btn-documentation {
	background: #fff;
	color: #3F302A !important;
}

#heritage .btn-documentation.forcewhite {
	color: #fff !important;
}

#heritage .programme-section.residence {
	padding-top: 0;
	padding-bottom: 0;
}

#heritage .programme-section.residence h4 {
	padding: 10px 0 40px 0
}

#heritage .programme-section.residence h5 {
	padding: 40px;
	font-size: 20px
}

#heritage .programme-section.residence .btn-documentation {
	margin-left: 40px;
}

#heritage .programme-section.residence .btn-documentation.btn-documentation2 {
	margin-left: 0;
}

#heritage .programme-section.residence .column.texte {
	display: flex;
	flex-direction: column;
}

#heritage .programme-section.residence .column.texte > div {
	flex: 1;
}

#heritage .programme-section.residence .column.texte > div:first-child {
	position: relative;
}

#heritage .programme-section.residence .column.texte > div:first-child ul.texte {
	left: 0px;
	bottom: 15px;
}

#heritage .programme-section.residence .column.texte > div > ul li:last-child {
	color: #3F302A;
}

#heritage .programme-section.residence .column.texte > div:last-child ul.texte {
	margin-top: 20px;
}

#heritage .programme-section.residence .column.texte > div:last-child ul.texte > li:before {
	background: transparent url('../img/fleche-heritage2.png') no-repeat;
}

#heritage .programme-section.faq {
	background-color: #fff;
	display: flex;
	justify-content: space-between;
	width: 100%;
}

#heritage .programme-section div.faq {
	flex-grow: 1;
	flex-basis: 0;
	width: 100%;
	margin: 0;
	padding: 40px 60px 150px 60px;
	font-size: 14px !important;
	color: #3F302A;
}

#heritage .programme-section div.faq .sfaq {
	flex-grow: 1;
	flex-basis: 0;
	width: 33.33%;
	margin: 0 10px;
	border-left: 2px solid #A2957F;
	padding-left: 15px;
}

#heritage .programme-section div.faq .sfaq ul.texte li:before {
	background: transparent url('../img/fleche-heritage2.png');
	background-repeat: no-repeat;
	content: " ";
	position: absolute;
	left: 0px;
	top: 5px;
	width: 40px;
	height: 30px;
}

#heritage .programme-section.faq div h4 {
	font-weight: normal;
	color: #A2957F;
	font-size: 18px;
}

#heritage .programme-section.faq .btn-documentation {
	background: #A2957F;
	color: #fff !important;
}

#heritage .programme-section .maison {
	position: relative;
	display: block;
	width: 100%;
	background-color: #A2957F;
	background-image: url('../img/arbre-heritage.png');
	background-repeat: no-repeat;
	background-position: bottom left;
}

#heritage .programme-section .maison img {
	width: 88%;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	top: -4vh;
}

#heritage .programme-section div.sfaq #sfaqtxt1 a.btn-documentation {
	text-align: left;
}

.quartier-lize {
	background: #3C1C0D;
}

#domainetorrefaction .programme-section.quartier-lize .container{
	max-width: 1440px;
	margin: 0 auto;
}

.quartier-lize .perspective {
	margin-bottom: 40px;
}

.quartier-lize .columns {
	margin-bottom: 4vw;
}

.quartier-lize .columns > .column {
	max-width: 50%;
}

.quartier-lize .columns > .column.texte p {
	margin-bottom: 1.2vw;
}

.quartier-lize .columns.quartier-1 > .column.texte {
	padding-right: 6vw;
	padding-top: 3vw;
}

.quartier-lize .columns.quartier-2 > .column.texte {
	padding-left: 6vw;
	padding-top: 5vw;
}

.quartier-lize .btn-documentation {
	background: #ffffff !important;
    color: #A16E44 !important;
}

section#carte {
	padding-bottom: 80px;
}

section#carte h3 {
	font-weight: 200;
	font-size: 25px;
	color: #FFF;
	text-transform: uppercase;
	text-align: center;
}

section#carte h4 {
	font-weight: bold;
	font-size: 25px;
	color: #FFF;
	margin-bottom: 30px;
	text-align: center;
}

section#carte .map-container {
	width: 100%;
	height: 500px;
	/*padding-bottom: 40%;*/
	background: #ccc;
}

section#carte .map-legende {
	padding: 15px 30px;
	background: #fff;
}

section#carte .map-legende ul {
	list-style-type: none;
}

section#carte .map-legende ul > li {
	height: 44px;
	line-height: 44px;
	font-weight: 200;
	display: flex;
	box-sizing: content-box;
	padding-top: 15px;
	padding-bottom: 15px;
	border-bottom: solid 1px #eee;
	margin: 0px;
}

section#carte .map-legende ul > li:last-child {
	border: none;
}

section#carte .map-legende ul > li span {
	flex: 1;
}

section#carte .map-legende ul > li span.logo {
	max-width: 200px;
}

section#carte .map-legende ul > li span.adresse {
	max-width: 360px;
	line-height: 1.2em;
}

section#carte .map-legende ul > li span.actions {}

section#carte .map-legende ul > li .btn-go {
	height: 44px;
	line-height: 44px;
	display: inline-block;
	padding: 0px 20px;
	border-radius: 22px;
	background: #F0F4F3;
	font-weight: bold;
	text-decoration: none;
}

section#carte .map-legende ul > li.nouvelr {
	color: #3F787C;
}

section#carte .map-legende ul > li.nouvelr .btn-go {
	color: #3F787C;
}

section#carte .map-legende ul > li.heritage {
	color: #3F302A;
}

section#carte .map-legende ul > li.heritage .btn-go {
	color: #A2957F;
}

section#carte .map-legende ul > li.thionville {
	color: #168E9A;
}

section#carte .map-legende ul > li.thionville .btn-go {
	color: #A2957F;
}

body.nouvelr section#carte .map-legende ul > li.nouvelr .btn-go {
	display: none;
}

body.nouvelr section#carte h3 {
	color: #fff;
}

body.nouvelr section#carte h4 {
	color: #fff;
}

body.heritage section#carte .map-legende ul > li.heritage .btn-go {
	display: none;
}

body.thionville section#carte .map-legende ul > li.thionville .btn-go {
	display: none;
}

body.domainetorrefaction section#carte .map-legende ul > li.domainetorrefaction .btn-go {
	display: none;
}

section#evoluvie {
	background: #253150;
}

footer {
	background: #17213C;
	padding-top: 5vw;
	padding-bottom: 60px;
	font-weight: 200;
	border-top-right-radius: 50px;
    border-top-left-radius: 50px;
    margin-top: -50px;
    position: relative;
}

footer .copyright {
	color: #ffffff;
	font-size: 1vw;
	margin-top: 1vw;
}

footer .copyright .copyright-link {
	text-decoration: underline;
}

footer a {
	display: inline-block;
	font-weight: bold;
	color: #ffffff;
}

footer .columns > .column {
	text-align: center;
}

footer .columns > .column:first-child {
	text-align: left;
}

footer .columns > .column:last-child {
	text-align: right;
}

footer ul {
	list-style-type: none;
}

footer ul > li {
	margin-bottom: 15px;
}

footer .mentions-legales {
	padding-top: 30px;
}

footer .mentions-legales p {
	font-family: Arial;
	font-size: 11px;
	color: #333;
	margin-bottom: 0px;
	white-space: normal;
	text-align: left;
}

#telecharger-documentation {
	position: fixed;
	left: 0px;
	top: 30px;
	right: 0px;
	bottom: 0px;
	z-index: 111;
	background: #f0f4f3;
	border-radius: 30px 30px 0px 0px;
	overflow: visible;
	transition: all 0.4s ease;
	transform: translateY(100%);
	opacity: 0;
	padding: 40px 30px;
}

#telecharger-documentation.open {
	transform: translateY(0);
	opacity: 1;
}

#telecharger-documentation a.close {
	display: block;
	position: absolute;
	right: 20px;
	top: -10px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border-radius: 20px;
	background: #9a3f34;
	color: #fff;
	z-index: 3;
	opacity: 1;
}

#telecharger-documentation h2 {
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	color: #9a3f34;
	margin-bottom: 10px;
}

#telecharger-documentation p.intro {
	text-align: center;
	font-size: 16px;
	color: #000;
	margin-bottom: 30px;
}

#documentation {
	background: #f0f4f3;
	border-radius: 30px;
}

#documentation a.close {
	display: block;
	position: absolute;
	right: 20px;
	top: -10px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border-radius: 20px;
	background: #9a3f34;
	color: #fff;
	z-index: 3;
	opacity: 1;
}

#documentation h5 {
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	color: #9a3f34;
	margin-bottom: 10px;
}

#documentation p.intro {
	text-align: center;
	font-size: 16px;
	color: #000;
	margin-bottom: 30px;
}

ul.checkbuttons.programmes {
	display: flex;
	line-style-type: none;
	text-align: center;
}

ul.checkbuttons.programmes > li {
	display: inline-block;
	flex: 1;
	margin-right: 5px;
}

ul.checkbuttons.programmes > li:last-child {
	margin-right: 0px;
}

ul.checkbuttons.programmes > li > input.checkbutton {
	display: none;
}

ul.checkbuttons.programmes > li > input.checkbutton ~ label {
	display: block;
	width: 100%;
	height: 70px;
	line-height: 40px;
	border-radius: 8px;
	background: #fff;
	overflow: hidden;
	border: solid 2px #fff;
}

ul.checkbuttons.programmes li input.checkbutton:checked ~ label {
	border: solid 2px #293B6C;
}

.form-group#programme .control-label {
	display: block;
	width: 100%;
	margin-bottom: 5px;
	text-align: center;
}

#navbar-top {
	background: transparent;
	box-shadow: none;
	transition: all 0.4s ease;
	transform: translateY(-100%);
}

#navbar-top.open {
	transform: translateY(0);
}

#navbar-top .container-fluid {
	background: #DDE0E6;
	padding-top: 20px;
	padding-bottom: 10px;
}

/*#navbar-top .container {
	padding-left: 15px;
	padding-right: 15px;
}*/

#navbar-top .columns > .column {
	text-align: center;
}

#navbar-top .columns > .column:first-child {
	text-align: left;
	padding-top: 0.8vw;
}

#navbar-top .columns > .column:last-child {
	text-align: right;
	z-index: 5;
}

#navbar-top .btn-documentation {
	padding: 0px 1vw 0px 4vw;
}

/* #navbar-top .btn-documentation:before {
	content: " ";
	position: absolute;
	left: 1.1vw;
    top: 1vw;
    width: 1.5vw;
    height: 1.3vw;
	background: transparent url('../img/icon-book.png') no-repeat;
	background-size: cover;
} */

#navbar-top h1 {
	font-size: 1.2vw;
	font-weight: 200;
	margin-bottom: 5px;
}

#navbar-top h2 {
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0px;
	display: none;
}

body.nouvelr #navbar-top h2.nouvelr {
	display: block;
}

body.thionville #navbar-top h2.thionville {
	display: block;
}

body.domainetorrefaction #navbar-top h2.domainetorrefaction {
	display: block;
}

body.heritage #navbar-top h2.heritage {
	display: block;
}

#navbar-top ul.menu-top {
	position: relative;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	display: flex;
	justify-content: center;
}

#navbar-top ul.menu-top > li {
	flex: 1;
	height: 50px;
	line-height: 50px;
	z-index: 2;
	padding: 0px;
}

#navbar-top ul.menu-top > li:first-child {
	background: #DDE0E6;
}

#navbar-top ul.menu-top > li:last-child {
	background: #DDE0E6;
}

#navbar-top ul.menu-top > li.menu-item {
	max-width: 450px;
	padding: 0px;
}

#navbar-top ul.menu-top > li.active {
	background: transparent;
	color: #fff;
}

#navbar-top ul.menu-top:before {
	content: " ";
	position: absolute;
	left: 0px;
	bottom: 0px;
	right: 0px;
	height: 50px;
	/*background: linear-gradient(to bottom, #000, transparent, transparent);*/
	z-index: 1;
	opacity: 0.5;
}

#navbar-top ul.menu-top > li > a {
	position: relative;
	display: block;
	width: 100%;
	height: 50px;
	line-height: 50px;
	text-align: center;
	background: #DDE0E6;
	color: #465684;
	font-weight: 500;
	text-decoration: none;
	font-size: 1.1vw;
}

#navbar-top ul.menu-top > li.active > a {
	border-radius: 8px 8px 0px 0px;
	background: transparent;
	color: #fff;
	text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.7);
}

body.thionville #navbar-top ul.menu-top > li:first-child {
	border-radius: 0px 0px 20px 0px;
}

body.thionville #navbar-top ul.menu-top > li.menu-item.nouvelr a {
	border-radius: 0px 0px 0px 20px;
}

body.thionville #navbar-top ul.menu-top > li.menu-item.thionville a {
	border-radius: 0px;
	background: rgb(0,0,0);
	background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5914740896358543) 100%);
}

body.thionville #navbar-top ul.menu-top > li.menu-item.domainetorrefaction a {
	border-radius: 0px 0px 0px 0px;
	
}

body.thionville #navbar-top ul.menu-top > li.menu-item.heritage a {
	border-radius: 0px 0px 0px 0px;
}

body.thionville #navbar-top ul.menu-top > li:last-child {}

body.domainetorrefaction #navbar-top ul.menu-top > li.menu-item.domainetorrefaction a {
	border-radius: 0px 0px 0px 0px;
/*	line-height: 5.5vw;*/
	background: rgb(0,0,0);
	background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5914740896358543) 100%);
}



body.domainetorrefaction #navbar-top ul.menu-top > li.menu-item.nouvelr a {
	border-radius: 0px 0px 20px 0px;
}

body.domainetorrefaction #navbar-top ul.menu-top > li.menu-item.thionville a {
	border-radius: 0px 0px 0px 0px;

}

body.domainetorrefaction #navbar-top ul.menu-top > li.menu-item.heritage a {
	border-radius: 0px 0px 0px 20px;
}

body.domainetorrefaction #navbar-top ul.menu-top > li:last-child {}

body.heritage #navbar-top ul.menu-top > li.menu-item.nouvelr a {
	border-radius: 0px 0px 0px 0px;
}

body.heritage #navbar-top ul.menu-top > li.menu-item.domainetorrefaction a {
	border-radius: 0px 0px 20px 0px;
}

body.heritage #navbar-top ul.menu-top > li.menu-item.thionville a {
	border-radius: 0px 0px 0px 0px;
}

body.heritage #navbar-top ul.menu-top > li.menu-item.heritage a {
	border-radius: 0px;
}

body.heritage #navbar-top ul.menu-top > li:last-child {
	border-radius: 0px 0px 0px 20px;
}

body.nouvelr #navbar-top ul.menu-top > li.menu-item.nouvelr a {
	border-radius: 0px 0px 0px 0px;
	background: rgb(0,0,0);
	background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5914740896358543) 100%);
}

body.nouvelr #navbar-top ul.menu-top > li.menu-item.domainetorrefaction a {
	border-radius: 0px 0px 0px 20px;
}

body.nouvelr #navbar-top ul.menu-top > li.menu-item.thionville a {
	border-radius: 0px 0px 20px 0px;
}

body.nouvelr #navbar-top ul.menu-top > li.menu-item.heritage a {
	border-radius: 0px;
}

body.nouvelr #navbar-top ul.menu-top > li:first-child {
	border-radius: 0px 0px 0px 0px;
}


#documentation {
	background: #f0f4f3;
	border-radius: 30px;
	width: 49vw;
}

#documentation .modal-content {
	background: #f0f4f3;
	border-radius: 30px;
	overflow: visible;
}

#documentation .modal-header {
	padding-bottom: 0px;
	border: none;
}

#documentation .close {
	display: block;
	position: absolute;
	right: 20px;
	top: -10px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border-radius: 20px;
	background: #17213C;
	color: #fff;
	z-index: 3;
	opacity: 1;
}

#documentation h5 {
	text-align: center;
	font-size: 24px;
	font-weight: 200;
	color: #293B6C;
	margin-bottom: 10px;
	text-transform: uppercase;
}

#documentation p.intro {
	text-align: center;
	font-size: 1.3vw;
	color: #000;
	margin-bottom: 30px;
	font-weight: 400;
}

#documentation .form-group {
	width: 100%;
	margin-bottom: 10px;
	text-align: center;
}

#documentation .form-group .control-label {
	color: #000;
	font-weight: 200;
}

#documentation .form-control {
	height: 40px;
	line-height: 40px;
	border-radius: 5px;
	padding: 0px 20px;
	background: #fff;
	border: none;
}

#documentation .nom-prenom {
	display: flex;
	justify-content: center;
	gap: 0.5vw;
	width: 100%;
}

#documentation .email-tel {
	display: flex;
	justify-content: center;
	gap: 0.5vw;
	width: 100%;
}

#documentation #typeBien {
	text-align: center;
	margin-top: 1vw;
}

#documentation #typeBien .control-label {
	display: inline-block !important;
}



#documentation .form-group#civilite .control-label {
	display: inline-flex;
	padding-right: 1vw;
}

#documentation .form-group#civilite .control {
	display: inline-flex;
	width: fit-content;
}
#documentation .form-group#civilite label {
	margin-right: 0.5vw;
}

#documentation .form-group#projet .control-label,
#documentation .form-group#optin1 .control-label {
	display: block;
	width: 100%;
	text-align: center;
}

#documentation .form-group#projet input.checkbutton + label {
	padding: 0px 3vw;
	margin-right: 0.7vw;
}
#documentation .form-group#typeBien input.checkbutton + label {
	padding: 0px 1.5vw;
	margin-right: 0.5vw;
}

#documentation .form-group#projet .control,
#documentation .form-group#optin1 .control {
	text-align: center;
}
#documentation .form-group#optin1 .control { 
	font-size: 1.1vw;
}

#documentation p.mentions {
	margin-bottom: 15px;
	font-size: 0.9vw;
	color: #9F9F9F;
	text-align: center;
}

#documentation .form-group#programmes {
	margin-bottom: 20px;
}
#documentation .form-group#programmes .control-label {
	margin-bottom: 1vw;

}
#documentation .form-group#budget .slider-text {
	font-size: 1.4vw!important;
}
 
input.checkbutton {
	display: none;
}

input.checkbutton + label {
	display: inline-block;
	height: 3vw;
	line-height: 3vw;
	border-radius: 5px;
	padding: 0px 2vw;
	background: #fff;
	color: #000;
	overflow: hidden;
	font-weight: 200;
}

input.checkbutton:checked + label {
	background: #17213C;
	color: #fff;
}

#documentation [type="submit"] {
	display: inline-block;
	height: 3vw;
	line-height: 1vw;
	border-radius: 5px;
	padding: 0px 30px;
	background: linear-gradient(90deg, rgba(0, 43, 67, 1) 30%, rgba(224, 76, 56, 1) 100%);;
	color: #fff;
	text-transform: uppercase;
	font-weight: 300;
	font-size: 1vw;
	border: none;
}

ul.checkbuttons.programmes {
	display: flex;
	text-align: center;
	justify-content: center;
}

ul.checkbuttons.programmes > li {
	display: inline-block;
	flex: 1;
	margin-right: 1.5vw;
	max-width: 14vw;
}

ul.checkbuttons.programmes > li:last-child {
	margin-right: 0px;
}

ul.checkbuttons.programmes > li > input.checkbutton {
	display: none;
}

ul.checkbuttons.programmes > li > input.checkbutton + label {
	display: block;
	width: 100%;
	height: 6vw;
	border-radius: 8px;
	background: #fff;
	overflow: hidden;
	border: solid 2px #fff;
	background-repeat: no-repeat !important;
	background-position: center !important;
}

input#programme_nouvelr + label {
	background-image: url('../img/img-torre-form.png');
	background-size: 80%;
}

input#programme_oxygene + label {
	background-image: url('../img/img-nvlr-form.png');
	background-size: 80%;
}

input#programme_domainetorrefaction + label {
	background-image: url('../img/logo_domainetorrefaction2.png');
	background-size: contain;
	background-position: top center !important;
}

input#programme_heritage + label {
	background-image: url('../img/option-heritage.png');
}

#documentation .form-group.error .form-control {
	border: solid 1px #ff0000;
}

#documentation .form-group.error input.checkbutton + label {
	border: solid 1px #ff0000;
}

@media (min-width: 641px) {

	header ul.menu-top {
		justify-content: center;
	}

	header ul.menu-top > li {
		max-width: 360px;
	}
	header ul.menu-top > li:last-child {
		max-width: 450px;
	}

	body.heritage header ul.menu-top > li.active a {
		border-radius: 20px 20px 0 0;
		color: black;
        text-shadow: 0 0 BLACK;
	}

	body.nouvelr header ul.menu-top > li.active a {
		border-radius: 20px 20px 0 0;
		color: black;
        text-shadow: 0 0 BLACK;
	}

}

.carousel {
	min-height: fit-content;
}

.carousel,
.carousel-inner,
.item.active {
	width: 100%;
	height: 100%;
}

.more-text {
	display: inline;
}

.toggle-button {
	display: none;
	cursor: pointer;
}

@media (max-width: 640px) {

	.more-text {
		display: none; 
	}

	.toggle-button {
		display: block;
		padding-top:2vw;
		text-decoration: underline;
		font-style: italic;
		font-weight: 500;
	}

	.mobile {
		display: block;
	}

	header .logo-dbi {
		width: 30vw;
	}

	.columns {
		flex-direction: column;
		max-width: 100%;
	}

	.columns > .column {
		max-width: 100% !important;
	}

	header {
		background: #ccc url('../img/dbi_bruges-header-arpeggia-mob.jpg') no-repeat;
		background-size: cover !important;
		background-position: bottom center !important;
		height: 175vw;
	}

	header .container {
		padding-bottom: 96%;
		text-align: center;
	}

	header .logo-dbi {
		margin-top: 15px;
	}

	header h1 {
		font-size: 5vw;
	}

	header h1 strong {
		font-size: 6vw;
	}

	header h1 .mini {
		font-size: 4.1vw;
	}

	section.programme {
		padding-bottom: 0px;
	}

	main > section.programme > .logo-programme {
		margin-bottom: 0px;
	}

	.programme-section.gdp {
		padding-top: 0px;
		width: auto;
		padding-left: 15px;
		padding-right: 15px;
	}

	.programme-section.gdp .container {
		width: 100% !important;
	}

	ul.lots > li {
		line-height: 1.5em;
		height: auto;
		padding-top: 5px;
		padding-bottom: 5px;
	}

	ul.lots > li .type_bien {
		display: block;
	}

	#nouvelr .programme-section.residence {
		padding-top: 30px;
	}

	#nouvelr .programme-section.residence .columns {
/*		flex-direction: column-reverse;*/
	}

	#nouvelr .programme-section.residence .columns > .column.texte {
		padding-bottom: 30px;
	}

	#nouvelr .programme-section.logements {
		margin-left: 15px;
		margin-right: 15px;
		padding-top: 30px;
		padding-bottom: 0px;
	}

	#nouvelr .programme-section.logements .columns > .column.texte {
		padding-bottom: 5vw;
	}

	#nouvelr .programme-section.quartier .quartier-1 > .column.texte {
		padding-top: 5vw;
	}

	#nouvelr .programme-section.logements .columns > .column.texte ul.texte {
		max-width: none;
	}

	#nouvelr .programme-section.logements .columns > .column.illustration {
		margin-left: -15px;
		margin-right: -15px;
		max-width: none !important;
/*		width: 100vw;*/
	}

	#nouvelr .programme-section.gdp {
		padding-top: 30px;
	}

	#nouvelr .programme-section.quartier .quartier-1 > .column.texte {
		padding-left: 0px;
		text-align: center;
		padding-bottom: 4vw;
	}

	#nouvelr .programme-section.quartier {
		padding-bottom: 10vw;
	}

	#nouvelr .programme-section.quartier .quartier-1 > .column.texte p {
		text-align: left;
	}

	#nouvelr .programme-section.quartier .quartier-2 {
		flex-direction: column-reverse;
	}

	#nouvelr .programme-section.quartier .quartier-2 > .column.texte {
		text-align: center;
		padding-right: 0px;
	}

	#nouvelr .programme-section.quartier .quartier-2 > .column.texte p {
		text-align: left;
	}

	#thionville .programme-section.residence {
		background-image: none;
	}

	#thionville .programme-section.residence .container:before {
		display: none;
	}

	#thionville .programme-section.residence {
		padding-top: 0px;
/*		padding-bottom: 30px;*/
	}

	#thionville .programme-section.prestations {
		padding-top: 0;
	}

	#thionville .programme-section.residence .columns {
/*		flex-direction: column-reverse;*/
	}

	#thionville .programme-section.residence .column.illustration img {
		margin-left: -15px;
		margin-right: -15px;
		max-width: none;
		width: 100vw;
	}

	#thionville .programme-section.residence .column.texte {
/*		padding-bottom: 30px;*/
	}

	#thionville .programme-section.logements .columns > .column.texte {
		padding-bottom: 30px;
	}

	#documentation {
		width: 96%;
	}

	#documentation p.mentions {
		font-size: 3vw;
	}

	.optin-txt {
    	font-size: 3.5vw;
	}

	input.checkbutton + label {
		height: 7vw;
		line-height: 7vw;
	}

	.consentement {
		font-size: 3vw;
        width: 15vw !important;
        height: 7vw !important;
        line-height: 7vw !important;
        margin-right: 1.5vw;
        margin-left: 1.5vw;
	}

	#documentation button {
		font-size: 5vw;
	}

	#documentation [type="submit"] {
		height: 7vw;
		font-size: 3vw;
	}

	#documentation .form-control {
		height: 7vw;
		line-height: 7vw;
	}

	#documentation p.intro {
		font-size: 3vw;
	}

	#documentation .form-group#budget .slider-text {
		font-size: 2.5vw !important;
	}

	#thionville .programme-section.logements {
		margin-left: 15px;
		margin-right: 15px;
		padding-top: 0px;
		padding-bottom: 0px;
	}

	#thionville .programme-section.logements .container {
		padding: 0px;
	}

	#thionville .programme-section.prestations {
		padding-bottom: 30px;
	}

	#thionville .programme-section.prestations .columns {
/*		flex-direction: column-reverse;*/
	}

	#thionville .programme-section.prestations .columns > .column.texte {
/*		padding-bottom: 30px;*/
/*		text-align: center;*/
	}

	#thionville .programme-section.prestations .columns > .column.texte ul {
		text-align: left;
	}

	#thionville .programme-section.prestations .btn-documentation {
		margin: 5vw auto 10vw auto;
        width: 100%;
        text-align: center;
    }
	

	#thionville .programme-section.prestations img.perspective {
		margin-left: -15px;
		margin-right: -15px;
		max-width: none;
		width: 100vw;
	}

	#domainetorrefaction .programme-section.residence {
		background-image: none;
	}

	#domainetorrefaction .programme-section.residence .container:before {
		display: none;
	}

	#domainetorrefaction .programme-section.residence {
		padding-top: 7vw;
/*		padding-bottom: 30px;*/
	}

	.quartier-lize .columns {
		margin-bottom: 7vw;
	}

	header .logo-dbi {
		margin-bottom: 7vw;
	}

	header h1 {
		margin-bottom: 5vw;
	}

	#domainetorrefaction .programme-section.logements .columns > .column.texte ul.texte {
		margin-top: 5vw;
	}

	footer {
		padding-bottom: 6vw;
	}



	#domainetorrefaction .programme-section.residence .columns {
/*		flex-direction: column-reverse;*/
	}

	#domainetorrefaction .programme-section.residence .column.illustration img {
/*		margin-left: -15px;*/
/*		margin-right: -15px;*/
		max-width: none;
/*		width: 100vw;*/
	}

	.crt-nvlr-img {
		width: 100%;
	}

	.header .btn-documentation {
		height: 10vw;
    	line-height: 10vw;
    	font-size: 3vw;
	}

	.crt-torr-img {
		width: 100%;
	}

	#domainetorrefaction .programme-section.residence .column.texte {
		padding-bottom: 30px;
	}

	#domainetorrefaction .programme-section.logements .columns > .column.texte {
		padding-bottom: 30px;
	}

	#domainetorrefaction .programme-section.logements {
		margin-left: 15px;
		margin-right: 15px;
		padding-top: 0px;
		padding-bottom: 0px;
	}

	#domainetorrefaction .programme-section.logements .container {
		padding: 0px;
	}

	#domainetorrefaction .programme-section.logements .columns {}

	#domainetorrefaction .programme-section.prestations {
		padding-bottom: 30px;
	}

	#domainetorrefaction .programme-section.prestations .columns {
		flex-direction: column-reverse;
	}

	#domainetorrefaction .programme-section.prestations .columns > .column.texte {
		padding-bottom: 30px;
		text-align: center;
	}

	#domainetorrefaction .programme-section.prestations .columns > .column.texte ul {
		text-align: left;
	}

	#domainetorrefaction .programme-section.prestations .btn-documentation {
		margin-left: 0px;
	}

	#domainetorrefaction .programme-section.prestations img.perspective {
		margin-left: -15px;
		margin-right: -15px;
		max-width: none;
		width: 100vw;
	}


	.quartier-lize .columns.quartier-1 > .column.texte {
		padding: 0px 0px 30px 0px;
		text-align: center;
	}

	.quartier-lize .columns.quartier-1 > .column.texte p {
		text-align: left;
	}

	.quartier-lize .columns.quartier-1 > .column.illustration img {
/*		margin-left: -15px;*/
/*		margin-right: -15px;*/
		max-width: none;
/*		width: 100vw;*/
	}

	.img-quartier-torre {
		width: 100% !important;
	}

	.img-quartier-nvlr {
		width: 100% !important;
	}

	.nouvelr-qrt-txt {
		width: 100%;
	}

	

	.logo-torre {
		width: 55% !important;
        max-width: 100%;
        margin-top: 5vw !important;
        margin-bottom: 0 !important;
	}

	.logo-nvl-r {
		width: 35% !important;
		margin-bottom: 0 !important;
	}

	#domainetorrefaction .programme-section.residence .columns > .column.texte {
		margin-top: 5vw;
		padding-top: 0;
	}

	.thionville-img1 {
		width: 100% !important;
		margin-left: 0!important;
		margin-right: 0!important;
	}

	.illustration .illustration-text-first, .illustration .illustration-text {
		margin: 7.5vw 0 0 0;
	}

	#thionville .programme-section.residence .columns > .column.texte p {
		margin: 0 0 3.5vw 0;
	}

	.illustration .illustration-text-last {
		margin: 0vw 0 0 0;
		width: 100%;
	}

	.thionville-img2 {
		width: 100%;
	}

	.texte .texte-text {
		width: 100%;
	}

	.thionville-plus {
		width: 100%;
		left: 12.5%;
		margin-bottom: 10vw;
		margin-top: 5vw;
	}

	.illustration .btn-last {
		margin: 5.5vw 0 5vw 0!important;
		font-size: 13px;
        text-align: center;
	}

	.illus-first {
		margin-top: 0;
	}

	ul.checkbuttons.programmes > li {
		margin-right: 1.5vw;
		max-width: 25vw;
		height: 12vw;
	}

	.form-control {
		font-size: 3.5vw;
	}

	.label-programme {
		width: 30vw !important;
    	height: 12vw !important;
	}

	#nouvelr .programme-section.logements .columns > .column.texte ul.texte {
		margin-top: 5vw;
	}

	#nouvelr .programme-section.logements .btn-documentation {
		margin: 5vw auto 0 auto;
        width: 60%;
        text-align: center;
		display: flex;
	}

	body.thionville #navbar-top ul.menu-top > li.menu-item.domainetorrefaction a {
		border-radius: 0px 0px 0px 0px;
		line-height: 5vw;
	}

	.offre-nvlr {
		width: 70%;
		max-width: 70%;
	}

	.nouvelr-logo-quartier {
    	width: 70%;
	}

	#carte-nouvelr {
		padding-bottom: 20vw;
	}

	.footer-div-tel {
		text-align: center;
	}

	.logo-footer-tel {
		right: -22%;
	}

	footer .copyright {
		font-size: 3vw;
		margin-top: 0;
	}

	#domainetorrefaction .btn-documentation {
		height: 10vw;
		line-height: 10vw;
		font-size: 3.5vw;
		font-weight: 400;
	}

	.offre-torre {
		width: 70%;
	}

	#domainetorrefaction .cont-ml-gdp .ml-gdp {
		font-size: 2vw;
	}

	#nouvelr .cont-ml-gdp .ml-gdp {
		font-size: 2vw;
	}

	#carte-torrefaction{
		padding-bottom: 20vw;
	}

	.btn-carte {
		height: 8vw;
        line-height: 4vw;
        color: #000000;
        background-color: #DDE0E6;
        border-radius: 5px;
        padding: 2vw 2vw;
        font-weight: 500;
        text-decoration: none !important;
        font-size: 4vw;
        border: 0;
	}

	#domainetorrefaction .div-btn-carte {
		position: absolute;
        right: 30%;
        bottom: 30vw;
        left: 30%;
	}

	#nouvelr .div-btn-carte {
		position: absolute;
        bottom: 30vw;
        margin: 0 auto;
        left: 30%;
        right: 30%;
	}





	body.domainetorrefaction header ul.menu-top > li.active a {
		line-height: 4vw;
    	padding-top: 3vw;
	}

	body.domainetorrefaction header ul.menu-top > li a {
/*		line-height: 5vw;*/
	}

	body.nouvelr #navbar-top ul.menu-top > li.menu-item.domainetorrefaction a {
		line-height: 5vw;
	}

	body.thionville header ul.menu-top > li:last-child a { 
		line-height: 4vw;
		padding-top: 3vw;
	}

	body.domainetorrefaction #navbar-top ul.menu-top > li.menu-item.domainetorrefaction a {
		line-height: 5vw;
	}

	header ul.menu-top > li.domainetorrefaction > a {
		line-height: 4vw;
		padding-top: 3vw;
	}

	main > section.programme > .logo-programme {
		width: 50%;
		margin-bottom: 5vw;
    }
	

	.quartier-lize .columns.quartier-2 {
		flex-direction: column-reverse;
		margin-bottom: 0px;
	}

	.quartier-lize .columns.quartier-2 > .column.texte {
		padding: 0px 0px 30px 0px;
		text-align: center;
	}

	.quartier-lize .columns.quartier-2 > .column.texte p {
		text-align: left;
	}

	section#carte h3 {
		margin-bottom: 10px;
	}

	section#carte h4 {
		font-size: 5.7vw;
		font-weight: 500;
	}

	section#carte .map-container {
		padding-bottom: 100%;
	}

	section#carte .map-legende ul > li {
		display: block;
		height: auto;
	}

	section#carte .map-legende ul > li span {
		flex: none;
		display: block;
		margin-bottom: 5px;
	}

	footer {
		text-align: center;
	}

	footer .columns > .column {
		text-align: center !important;
		margin-bottom: 30px;
	}

	footer p {
		text-align: center;
	}

	footer p > a {
		display: block;
		margin-top: 2vw;
	}

	footer p > a:last-child {
		display: block;
		margin-top: 0vw;
	}

	#navbar-top .container-fluid {
		padding-bottom: 20px;
	}

	#navbar-top .container {
		max-width: 100%;
		display: block;
	}

	#navbar-top .container-fluid > .container {
		padding: 0px;
	}

	#navbar-top .columns {
		display: flex;
		flex-direction: row;
	}

	#navbar-top .columns > .column {
		flex: 1;
	}

	#navbar-top ul.menu-top > li:first-child {
		display: none;
	}

	#navbar-top ul.menu-top > li:last-child {
		display: none;
	}

	#navbar-top ul.menu-top > li.menu-item {
		max-width: none;
	}

	#navbar-top .btn-documentation {
        height: 10vw;
        line-height: 10.2vw;
        border-radius: 8px;
        text-align: left;
        font-size: 3vw;
        font-weight: 400;
        max-width: 150px;
    }

    #navbar-top .btn-documentation {
    	padding: 0px 3vw 0px 9vw;
	}

	#navbar-top .btn-documentation:before {
		left: 2.8vw;
    	top: 3.2vw;
    	width: 3.5vw;
    	height: 3.1vw;
    	background-size: cover;
	}
	

	#navbar-top .btn-documentation span {
		display: inline-block;
		line-height: 1.3em;
		vertical-align: middle;
		margin-top: -3px;
	}

}

* {
	box-sizing: border-box;
}

.img-comp-container {
	position: relative;
	height: 500px;
	width: 100%;
}

.img-comp-img {
	position: absolute;
	width: auto;
	height: auto;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

.img-comp-slider {
	position: absolute;
	z-index: 9;
	cursor: pointer;
	width: 40px;
	height: 40px;
	background: url("/img/icon-avant-apres.png") no-repeat;
	background-position: center;
	background-size: contain;
}

.img-comp-overlay {
	z-index: 1;
}

.img-comp-bg {
	background-size: cover !important;
	width: 100%;
	height: 100%;
}

div.subtitle {
	position: relative;
	display: block;
	width: 100%;
}

.subtitle h3 {
	font-size: 25px;
	font-weight: normal;
	text-align: center;
	text-transform: uppercase;
}

.subtitle h4 {
	text-align: center;
}

.desktop_new {
	display: none;
}

@media (min-width: 1100px) {
	.desktop_new {
		display: block!important;
	}
}

@media (max-width: 800px) {
	#heritage .programme-section.residence .column.texte > div:first-child ul.texte {
		position: relative;
		color: #fff;
		margin: 30px 0 -30px;
	}

	body {
		font-size: 3.5vw !important;
	}

	.desktop {
		display: none;
	}

	/* header .btn-documentation:before {
	    content: " ";
	    position: absolute;
	    left: 2.5vw;
	    top: 2.7vw;
	    width: 5.5vw;
	    height: 4.5vw;
	    background: transparent url(../img/icon-book.png) no-repeat;
	    background-size: cover;
	} */

	header ul.menu-top > li > a {
		font-size: 3.1vw;
	}

	#navbar-top ul.menu-top > li > a {
		font-size: 3.1vw;
	}

	section#thionville p {
		margin-bottom: 6vw;
	}

	#navbar-top h1 {
		font-size: 3.5vw;
	}

	#nouvelr .programme-section.residence .columns > .column.texte ul.texte li {
		font-size: 3vw;
	}

	#nouvelr .programme-section.residence .columns > .column.texte ul.texte li:before {
		left: -2vw;
	    top: 1vw;
	    width: 4vw;
	    height: 2vw;
	}

	#nouvelr .programme-section.residence .columns > .column.texte {
    	 padding-top: 5vw; 
	}

	#nouvelr .programme-section.logements .columns > .column.texte ul.texte li:before {
		left: -3vw;
	    top: 1vw;
	    width: 4vw;
	    height: 2vw;
	}

	#nouvelr .programme-section.logements .columns > .column.texte ul.texte li {
		font-size: 3vw;
	}

	ul.lots {
		margin: 0 3vw;
	}

	#nouvelr .programme-section.gdp h3 {
		font-size: 4vw;
    	margin-bottom: 4vw;
	}

	#nouvelr .btn-documentation {
		margin: 5vw auto 0 auto;
        width: 100%;
        text-align: center;
	}

	#nouvelr .programme-section.logements .columns > .column.texte ul.texte {
		margin-bottom: 5vw;
	}

	.btn-qrt-nvlr {
		margin-top: 6vw !important;
		width: auto !important;
	}

	#carte-nouvelr h3 {
		font-size: 4vw;
	}

	.crt-nvlr-txt {
        font-size: 3.5vw;
    }
	.crt-torr-txt {
		font-size: 3.5vw;
	}

	.img-qrt {
		width: 80%;
	}

    #domainetorrefaction .programme-section.residence .columns > .column.texte ul.texte li {
    	font-size: 3vw;
    }

    #domainetorrefaction .programme-section.residence .columns > .column.texte ul.texte li:before {
    	left: -2vw;
        top: 1vw;
        width: 4vw;
        height: 2vw;
    }

    #domainetorrefaction .programme-section.logements .columns > .column.texte ul.texte li {
    	font-size: 3vw;
    }

    #domainetorrefaction .programme-section.logements .columns > .column.texte ul.texte li:before {
    	left: -2vw;
        top: 1vw;
        width: 4vw;
        height: 2vw;
    }

    #carte-torrefaction h3 {
    	font-size: 4vw;
    }

	#thionville .programme-section.prestations .btn-documentation {
		height: 10vw;
        font-size: 3.5vw;
        line-height: 10vw;
	}
	#thionville .programme-section.prestations .thionville-plus .btn-documentation {
		padding: 0;
		width: 50%;
	}

	#thionville .programme-section.prestations .btn-last-mob {
		height: 12vw;
        font-size: 3.5vw;
        line-height: 9.5vw;
        padding: 1.2vw 1vw;
	}

	#nouvelr .btn-documentation {
		height: 10vw;
		line-height: 10vw;
		font-size: 3.5vw;
		font-weight: 400 !important;
	}

	#thionville .btn-documentation {
		font-weight: 400 !important;
	}

	.nvlr-frst-btn {
		margin-left: 0;
	}

	#domainetorrefaction .programme-section.residence .btn-documentation {
		margin: 5vw auto 0 auto;
        width: 100%;
        text-align: center;
	}

	#domainetorrefaction .programme-section.logements .btn-documentation {
		margin: 5vw auto 0 auto;
        width: 60%;
        text-align: center;
		display: grid;
	}

	#heritage .programme-section.residence .column.texte > div {
		padding: 10px;
	}

	.desktop {
		display: none;
	}

	#heritage .img-comp-container {
		width: auto;
		height: 250px;
	}

	#heritage .logo-programme {
		width: 50%;
		margin-bottom: 5vh

	}

	header h1 {
		line-height: 6.5vw;
	}

	header .btn-documentation {
		height: 10vw;
    	line-height: 10vw;
    	font-size: 3vw;
    	padding: 0 5vw 0 5vw;
	}

	main > section.programme > .logo-programme {
		width: 62% ;
        margin-bottom: 5vw;
        max-width: 100%;
	}

	#heritage .programme-section div.faq {
		flex-direction: column;
		padding: 20px 0px 40px 15px;
		margin-left: -5vw;
		width: 110%;
	}

	#heritage .programme-section div.faq .sfaq {
		border-left: inherit;
		width: 105%;
		border-bottom: 2px solid #A2957F;
		padding: inherit;
		margin: inherit;
	}

	#heritage .programme-section.residence .btn-documentation {
		width: fit-content;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}

	#heritage .programme-section.residence h5 {
		margin-top: 1vh;
		padding: 0;
		text-align: left;
	}

	#heritage .programme-section div.faq .sfaq h4 {
		width: 95%;
		cursor: pointer;
		background-image: url('../img/puce.png');
		background-position: center right;
		background-repeat: no-repeat;
		padding: 5px;
	}

	#heritage .programme-section div.faq .sfaq h4.inverted {
		background-image: url('../img/puce-inv.png');
	}

	#heritage .programme-section div.sfaq .sfaqtxt {
		display: none;
		padding: 5px;
	}

	#heritage .programme-section div.sfaq #sfaqtxt1 a.btn-documentation {
		width: fit-content;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}

	#heritage .programme-section .maison {
		margin-top: 2vh;
		padding-bottom: 3vh;
		background-size: contain;
	}

	#heritage .programme-section .maison img {
		width: 95%;
	}
}

/*@media (min-width: 1800px) {
	body {
		font-size: 1vw !important;
	}

	.btn-documentation {
		font-size: 1vw !important;
	}
}*/