html,body { width:100%; height:100%; padding:0px; margin:0px; }
h1,h2,h3,h4,h5,h6,p,form,ul,li { padding:0px; margin:0px; }
* { outline:none !important; }

.p-0 { padding:0px; }
.m-0 { margin:0px; }
.desktop {  } 
.mobile { display:block; }

.columns { display:flex; list-style-type:none; }
.columns > .column { flex:1; }
.columns > li { flex:1; }

strong {
	font-family: 'Klavika-Bold';
}

input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance:none; margin:0; }
input[type="number"] { -moz-appearance:textfield; }

.lightbox .lb-number { display:none !important; }
.lightbox .lb-closeContainer { position:fixed; top:0px; right:0px; }
.lightbox .lb-close { width:40px; height:40px; background-color:#000; background-position:center center; }
.lightbox .lb-image { border-radius:0px; border:solid 10px #fff; }

/****** // ******/

body {
	min-width: 320px;
	background: white;
	font-family: 'Gotham', sans-serif !important;
	font-size: 16px;
}

.desktop {
	display:block;
}

.mobile {
	display:none;
}

#tva55carou .box {
    align-items: baseline !important;
}

#tva55carou .box p {
    text-align: center;
    padding: 0px 50px;
}

.box #bloc {
	flex: 50%;
}

.box #bloc img {
	margin-bottom: 2vw;
}

.box #bloc:first-of-type {
	border-right: 1px solid #FFFFFF;
    height: 150px;
}

#offremobile {
	display:none;
	width:100%;
}

#logo-header {
    position: relative;
    display: block;
    margin: auto;
    width: 18vw;
	padding-top: 2.3vw;
    padding-bottom: 2.3vw;
}

#messageheader {
    /* background: linear-gradient(to right, #5A002E, #9B1935); */
    background: #f1474a;
    color: #FFFFFF;
    display: block;
    padding: 2vw 0vw;
}

#parfois {
	font-size: 2.4vw;
    font-family: "Klavika-Light";
    line-height: 2.5vw;
    padding: 0vw 0vw 0vw 8vw;
}

#petiteseparation {
    width: 0.3vw;
    background-color: #FFFFFF;
    height: 6.7vw;
    margin-left: 7vw;
}

#devenezproprio {
    font-family: "Klavika-Bold";
    margin-left: 0vw;
    font-size: 2.6vw;
    line-height: 2.7vw;
    text-align: center;
}

#devenezproprio #first {
	font-family: "Klavika-Light";
	line-height: 2.2vw;
}

#devenezproprio #second {
	font-family: "Klavika-Light";
	font-size: 1.5vw;
}

#imgheader {
	display: flex;
}

#petitvelo {
	position: relative;
	border-right: 0.3vw solid #FFFFFF;
    width: 33vw;
}

#offreblocbleu {
	position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
	color:#FFFFFF;
}

#terrasse {
	width: 67vw;
}

.container { width:1000px; max-width:100%; min-width:320px; }
.container > .columns { /* margin-left:-15px; margin-right:-15px; */ }
.container > .columns > .column { padding:0px 15px; box-sizing:content-box; }

header { margin-bottom:0px; padding:0px !important; }
header > .container { position:relative; background:#fff; width:100%; /* 1366px; */ max-width:100%; height:768px; padding-bottom:0px; /* 47%; */ background-size:cover !important; background-repeat:no-repeat !important; background-position:top center !important; }
header .logo-lnc { position:absolute; top:45px; left:50%; width:292px; margin-left:-146px; }

header .columns > .column { height:100px; line-height:100px; }
header .columns > .column:first-child { max-width:230px; }
header .columns > .column:last-child { text-align:center; }
header .img-responsive { display:inline-block; max-width:100%; max-height:100%; }
header .baseline { font-weight:bold; font-size:1.3vw; /* 21px; */ color:#a40356; display:inline-block; vertical-align:middle; text-align:center; text-transform:uppercase; }
header .baseline strong { font-weight:bold; }

header #quick-search { width:800px; max-width:calc(100% - 30px); height:300px; position:absolute; left:0px; top:0px; right:0px; bottom:0px; margin:auto; background:rgba(255,255,255, 0.9); padding:50px 30px; border-radius:8px; box-shadow:0px 0px 10px rgba(0,0,0,0.3); }
header #quick-search h1 {font-size: 24px; color: #000;text-transform: uppercase;font-family: 'Klavika-Bold';}
header #quick-search form { width:300px; margin:auto; }
header #quick-search .form-group .control-label { display:none; }
header #quick-search .btn-search { display:block; height:50px; line-height:50px; width:250px; text-align:center; font-size:18px; font-weight:bold; color:#fff; background:linear-gradient(to right, #5A002E, #9B1935); text-decoration:none; border-radius:25px; margin:auto; border:none; margin-top:30px; }


main {  }
main > section { position:relative; overflow:visible; margin-bottom:30px; }
main > section hr { max-width:60px; border-top:solid 3px #42145f; }
main > section h2 { /* font-family:'FuturaStd-Light', sans-serif; font-size:40px; color:#42145f; text-transform:uppercase; text-align:center; */ }
main > section h3 { /* font-family:'FuturaStd-Book', sans-serif; font-size:22px; text-align:center; text-transform:uppercase; margin-bottom:50px; */ }

#programmes { padding-top:60px; }
.programme { display:block; margin-bottom:50px; }
.programme .programme-visuel { }
.programme .programme-visuel .carousel-inner { width:100%; height:0px; padding-bottom:55%; }
.programme .programme-visuel .carousel-inner > .item { position:absolute; left:0px; top:0px; width:100%; height:100%; background:#eee; background-size:cover !important; background-repeat:no-repeat !important; }
.programme .programme-visuel .carousel-text { position:absolute; right:20px; bottom:0px; height:30px; line-height:30px; font-size:14px; font-weight:normal; color:#fff; background:#e4157e; padding:0px 20px; text-transform:uppercase; }
.programme h3 { font-size:16px; font-weight:bold; color:#000; margin-bottom:20px; }
.programme h3 strong { font-size:24px; font-weight:bold; color:#a40356; }
.programme .programme-infos { padding:20px; box-shadow:0px 0px 10px rgba(0,0,0, 0.3); }
.programme .programme-infos .resume { font-size:16px; margin-bottom:20px; line-height:1.2em; }
.programme .programme-infos .descriptif { overflow:hidden; margin-bottom:10px; transition:all 0.4s ease; }
.programme .programme-infos .descriptif p { font-size:14px; transition:all 0.4s ease; max-height:64px; overflow:hidden; line-height:1.2em; }
.programme .programme-infos .descriptif.active p { height:auto; max-height:none; }
.programme .programme-infos .descriptif a.more,
.programme .programme-infos .descriptif a.less { float:right; margin-top:10px; font-size:14px; font-weight:bold; color:#000; text-decoration:none; }
.programme .programme-infos .descriptif a.more { display:block; }
.programme .programme-infos .descriptif a.less { display:none; }
.programme .programme-infos .descriptif.active a.more { display:none; }
.programme .programme-infos .descriptif.active a.less { display:block; }
.programme .programme-infos .descriptif.active a.less > .glyphicon { background:#333; color:#fff; width:30px; height:30px; line-height:30px; text-align:center; border-radius:15px; }
.programme .btn-documentation { display:block; height:50px; line-height:50px; width:250px; text-align:center; font-size:14px; font-weight:bold; color:#fff; background:linear-gradient(to right, #5A002E, #9B1935); text-decoration:none; border-radius:25px; margin:auto; }
#programmes p.mentions { font-size:14px; text-align:justify; line-height:1.2em; }


footer { background:#eeede8; font-size:13px; padding:40px 80px; }
footer p { font-size:15px; line-height:1.1em; color:#000; }
footer a { color:#000; text-decoration:underline !important; }
footer a:hover { color:#5d0030; }
.links_item { }
.links_item .links_icon { width:18px; height:18px; }
footer .columns > .column { text-align:center; }
footer .columns > .column:first-child { text-align:left; }
footer .columns > .column:last-child { text-align:right; }
footer .social { display:inline-block; margin-left:5px; }
footer .social > img { width:23px; }
footer .row { margin-bottom:20px; }


#navbar-top { position:fixed; left:0px; top:-100%; right:0px; height:60px; background:#fff; box-shadow:0px 0px 10px rgba(0,0,0,0.3); opacity:0; transition:all 0.8s ease; border-radius:0px; border:none; }
body.navbar-active #navbar-top { top:0px; opacity:1; }
#navbar-top > .container { }
#navbar-top .columns > .column { height:60px; line-height:60px; text-align:center; padding:0px 15px; }
#navbar-top .columns > .column:first-child { text-align:left; }
#navbar-top .columns > .column:last-child { text-align:right; }
#navbar-top .columns > .column .logo-lnc { display:inline-block; vertical-align:middle; max-height:30px; }
#navbar-top .columns > .column .logo-lnc > img { max-height:30px; }
#navbar-top .columns > .column > form { line-height:1em; height:40px; display:inline-block; margin-top:10px; width:300px; }
#navbar-top .form-group { margin:0px; border-radius:6px; overflow:hidden; }
#navbar-top .form-group .control-label { display:none; }
#navbar-top .form-group .control { /* height:60px; line-height:60px; */  background:#eeede8; }
#navbar-top .form-group .control .input-group { height:40px; line-height:40px; }
#navbar-top .form-group .control .form-control { height:40px; line-height:40px; display:inline-block; vertical-align:middle; background:transparent; border:none !important; outline:none !important; }
#navbar-top .icon-search { color:#fff; font-weight:bold; background:linear-gradient(to right, #5A002E, #9B1935); border:none; border-radius:6px; text-decoration:none !important; }


.modal { /* margin-right:-17px; */ }
.modal > .modal-dialog { width:80%; height:60%; margin:10% auto 0px auto; }
.modal > .modal-dialog > .modal-content { height:100%; display:flex; flex-direction:column; }
.modal > .modal-dialog > .modal-content > .modal-header { position:relative; flex:1; max-height:60px; height:60px; line-height:60px; padding:0px 20px; box-shadow:0px 0px 10px #777; }
.modal > .modal-dialog > .modal-content > .modal-header .modal-title { height:60px; line-height:60px; font-family:'Gotham'; font-size:18px; color:#42145f; }
.modal > .modal-dialog > .modal-content > .modal-header .btn-close { position:absolute; right:-10px; top:-10px; width:40px; height:40px; line-height:40px; text-align:center; background:#42145f; color:#fff; opacity:1; }
.modal > .modal-dialog > .modal-content > .modal-body { flex:1; overflow-y:auto; font-size:14px; padding:40px; }
.modal-body h5 { font-weight:bold; margin-bottom:15px; }
.modal-body p { margin-bottom:15px; }
.modal-body ul li { margin-bottom:15px; margin-left:20px; }

.modal-dialog#documentation { position:relative; width:640px; max-width:100%; height:auto; max-height:auto; background:#fff; color:#5D0030; border-radius:8px; overflow:hidden; /* position:absolute; left:0px; top:0px; right:0px; bottom:0px; margin:auto; */ }
.modal-dialog#documentation .modal-content { border-radius:0px; padding:40px; overflow:hidden; overflow-y:auto; }
#documentation h5 { font-weight:normal; font-size:25px; text-transform:uppercase; color:#AB2566; text-align:center; margin-bottom:30px; }
#documentation button.close { position:absolute; top:0px; right:0px; width:40px; height:40px; line-height:40px; color:#000; opacity:1; }
#documentation .form-group { margin-bottom:10px; }
#documentation .form-group .control-label { display:none; }
#documentation .form-group .form-control { color:#5D0030; border:solid 1px #5D0030; height:40px; }
#documentation .form-group .form-control::placeholder { color:#5D0030; }
#documentation .form-group#civilite .control,
#documentation .form-group#projet .control { text-align:center; }
#documentation .form-group#optin1 label { font-size:12px; font-weight:normal; line-height:1.1em; }
#documentation .mentions { text-align:center; color:#5D0030; margin-bottom:20px; }
#documentation .btn-send { display:block; height:50px; line-height:50px; width:250px; text-align:center; font-size:14px; font-weight:bold; color:#fff; background:linear-gradient(to right, #5A002E, #9B1935); text-decoration:none; border-radius:25px; margin:auto; text-transform:uppercase; border:none; }
#documentation a { text-decoration:underline; color:#5D0030; }
.form-group.error .form-control { border:solid 1px #ff0000 !important; }
.form-group.error .checkbox-inline, .form-group.error .checkbox-inline label { color:#ff0000 !important; }


@media (max-width: 640px) {

	#tva55carou .box p {
		text-align: center;
		padding: 0px 50px;
	}

	.box #bloc img {
		margin-bottom: 2vw;
		width: 30vw;
	}

	.desktop {
		display:none;
	}
	
	.mobile {
		display:block;
	}

	.box #bloc:first-of-type {
		border-right: 0px solid #FFFFFF;
		height: auto;
		margin-bottom: 50px;
	}

	#offremobile {
		display:block;
		width:100%;
	}
		
		header .logo-lnc { width:200px; margin-left:-100px; top:30px; }
		header #quick-search { padding:30px 20px; height:240px; }
		header #quick-search h1 { font-size:5vw; }
		header #quick-search form { max-width:100%; }
		
		main.container-fluid { padding-left:0px; padding-right:0px; }
		
		#programmes { padding-top:30px; }
		.programme { margin-left:0px; margin-right:0px; margin-bottom:30px; }
		.programme .columns { display:block; }
		.programme .columns > .column { display:block; }
		.programme .programme-infos { box-shadow:none; }
		.programme { box-shadow:0px 0px 10px rgba(0,0,0,0.3); }
		
		/*
		#navbar-top .columns > .column { max-width:40%; }
		#navbar-top .columns > .column:first-child { display:none; }
		#navbar-top .columns > .column:last-child { max-width:60%; }
		#navbar-top .columns > .column > form { width:100%; }
		#navbar-top .columns > .column .logo-lnc { margin-right:-15px; }
		*/
		
		footer.container-fluid { padding-left:0px; padding-right:0px; }
		footer .row { text-align:center; margin-bottom:20px; }
		footer .columns { display:block; }
		footer .columns > .column { display:block; text-align:center !important; }
		footer .logo-lnc { max-height:30px; margin:auto; }
		
}

/****** 20190905 // IDF ******/
header #quick-search { top:90px; bottom:auto; background:rgba(255,255,255, 0.6); text-align:center; }
header #quick-search .logo-lnc { position:relative; left:auto; top:auto; margin:0px auto 20px auto; }
header #quick-search h1 { margin-bottom:20px; }
.programme .programme-visuel .carousel { height:100%; }
.programme .programme-visuel .carousel-inner { height:100%; }
.programme .programme-visuel .carousel-inner > .item { background-position:center !important; }
.programme .programme-infos .descriptif { padding-bottom:10px; }

@media (max-width: 640px) {
	header #quick-search { height:auto; top:45%; padding:15px; }
	header #quick-search { background:rgba(255,255,255, 0.9); }
	header #quick-search .logo-lnc { display:block; margin-bottom:10px; }
	header #quick-search h1 { font-size:3.3vw; font-weight:bold; margin-bottom:10px; }
	header #quick-search .btn-search { margin-top:0px; height:35px; line-height:35px; width:auto; padding:0px 25px; font-size:4vw; }
	.programme .programme-visuel .carousel-inner { height:0; padding-bottom:60%; }
	.programme .programme-visuel .carousel-inner > .item { background-size:100% auto !important; }
}

@media (max-width: 320px) {
	header #quick-search { padding:10px 15px; }
	header #quick-search .form-group { margin-bottom:5px; }
}




/****** ******/
html, body { overflow-x:hidden; height:auto; }
.container { width:1110px; }
.columns { display:flex; }
.columns > .column { flex:1; }
.ui-autocomplete { z-index:1200; }

.form-group.label-over { position:relative; margin-bottom:15px; }
.form-group.label-over > .control-label { position:absolute; left:0px; top:0px; bottom:0px; right:0px; z-index:2; transition:all 0.4s ease; opacity:1; pointer-events:none; height:40px; line-height:40px; padding:0px 20px; font-weight:normal; display:block !important; text-align:left; font-size:14px; }
.form-group.label-over.active > .control-label { margin-top:-50px; opacity:0; }

header .columns > .column { height:40px; line-height:40px; margin-right:10px; }
header .columns > .column:last-child { margin-right:0px; }
header > .container { height:auto; /* position:absolute; left:0px; right:0px; top:-100px; */ z-index:3; }
#quick-search { width:600px; height:40px; line-height:40px; }
#quick-search form > .columns { width:600px; margin:auto; height:40px; line-height:40px; }
#quick-search form > .columns > .column { max-width:none; height:40px; line-height:40px; padding:0px; margin-right:10px; }
#quick-search form > .columns > .column:last-child { max-width:40px; margin-right:0px; }
#quick-search .form-group { margin-bottom:0px; }
#quick-search .form-group .control-label { color:#3c3c3c; }
#quick-search .form-group .control { margin:0px; height:40px; line-height:40px; }
#quick-search .form-control { height:40px; line-height:40px; background:#eaedec; border:none; color:#000; }
#quick-search .icon-lnc { display:block; width:40px; height:40px; line-height:40px; border-radius:6px; border:none; outline:none; box-shadow:none; text-align:center; background:linear-gradient(to right, #5A002E, #9B1935); color:#fff; }
header #quick-search { position:relative; padding:40px 30px; height:auto; background:rgba(255,255,255, 0.9); top:auto; margin-bottom:40px; margin-top:-100px; width:800px; }
header #quick-search form { width:auto; }
header #quick-search form > .columns { width:600px; }
header #introduction { margin-bottom:40px; text-align:center; }

section#programmes { margin-bottom:60px; padding-top:0px; }
section#programmes p.count-programmes { /* margin-left:-15px; margin-right:-15px; */ height:40px; line-height:40px; background:#eee; text-align:center; color:#630630; margin-bottom:30px; font-weight:bold; }
section#programmes ul.programmes > li.programme { background:#eaedec; margin-bottom:30px; }
section#programmes ul.programmes > li.columns {  }
section#programmes ul.programmes > li.columns > .programme-visuel { min-width:54%; max-width:54%; box-shadow:none; }
section#programmes ul.programmes > li.columns > .programme-infos { box-shadow:none; padding:30px; }
.programme h3 { /* font-family:'Klavika-Light'; */ color:#a40356; font-weight:normal; text-transform:uppercase; font-size:20px; }
.programme h3 strong { /* font-family:'Klavika-Bold'; */ font-size:20px; }
.programme ul.resume { list-style-type:none; }
.programme ul.resume > li { display:block;  }
.programme ul.resume > li span { color:#a40356; }
.programme .descriptif a.more { text-decoration:underline; font-weight:bold; }
.programme .btn-documentation { display:inline-block; width:auto; height:40px; line-height:40px; border-radius:5px; padding:0px 20px; text-transform:uppercase; text-decoration:none !important; }
.btn-more { display:inline-block; height:50px; line-height:50px; padding:0px 30px; background:#eaedec; border-radius:5px; font-weight:bold; color:#000 !important; text-transform:uppercase; text-decoration:none !important; font-size:20px; }

section#programmes ul.programmes > li.annonce {
    padding: 40px 30px;
    /* background: linear-gradient(to right, #F9B723, #FAC543); */
    background: #f1474a;
    color: #fff;
    text-align: center;
    margin-bottom: 30px;
}
section#programmes ul.programmes > li.annonce p { color: #fff !important; text-align:center; margin-bottom:20px; font-weight:bold; font-family:'Klavika-Light'; font-size:22px; }
section#programmes ul.programmes > li.annonce .btn-go { display:inline-block; height:40px; line-height:40px; padding:0px 30px; background:#fff; color:#333; font-weight:bold; text-transform:uppercase; text-decoration:none !important; border-radius:5px; }

#navbar-top { position:fixed; left:0px; top:0px; right:0px; height:auto; margin:0px; background:#fff; transition:all 0.4s ease; transform:translateY(-100%); opacity:0; z-index:101; }
body.navbar-active #navbar-top { transform:translateY(0); opacity:1; }
#navbar-top > .columns > .column:first-child { text-align:left; padding:0px 0px 0px 50px; max-width:270px; }
#navbar-top > .columns > .column:last-child { text-align:right; padding:0px 30px 0px 0px; min-width:630px; max-width:630px; }
#navbar-top #quick-search { display:inline-block; vertical-align:middle; position:absolute; top:10px; right:20px; }
/* #navbar-top #offre-speciale { display:block; height:40px; line-height:40px; background:linear-gradient(to right, #5A002E, #9B1935); color:#fff; text-align:center; text-transform:uppercase; font-family:'Klavika-Light'; font-size:20px; } */
#navbar-top #offre-speciale { display:block; height:40px; line-height:40px; background: #f1474a; color:#fff; text-align:center; text-transform:uppercase; font-family:'Klavika-Light'; font-size:20px; }

#navbar-top > .columns > .column.telephone { text-align:right; }
#navbar-top a.telephone-lnc:before { content:"\e182"; font-family:'Glyphicons Halflings'; font-size:20px; margin-right:0px; }

section.conseils-immo {
    background: linear-gradient(to right, #5A002E, #9B1935);
    color: #fff;
    padding: 50px 0px;
    text-align: center;
    margin-left: -15px;
    margin-right: -15px;
}
section.conseils-immo h1 { font-family:'Klavika-Light', sans-serif; font-size:26px; font-weight:bold; margin-bottom:10px; }
section.conseils-immo h2 { font-family:'Klavika-Light', sans-serif; font-size:38px; font-weight:normal; text-transform:uppercase; margin-bottom:30px; }
section.conseils-immo h2 strong { font-family:'Klavika-Bold'; }
section.conseils-immo .illustration-conseils { display:inline; float:left; margin-right:20px; }
section.conseils-immo p { text-align:left; display:table-cell; }
section.conseils-immo .box { display:flex; align-items:center; }
section#conseils-credit { margin-bottom:0px; }

footer .columns > .column:first-child { padding-left:50px; text-align:left; }
footer .columns > .column:last-child { padding-right:50px; text-align:right; }
footer .logo-lnc > img { max-width:250px; margin-bottom:10px; }
footer ul.links-footer { list-style-type:none; }
footer ul.links-footer > li { display:inline-block; }
footer ul.links-footer > li a { text-decoration:underline; }

footer.mentions-legales { }
footer.mentions-legales p { font-size:12px; color:#666; }
footer.mentions-legales p a { color:#666; text-decoration:underline; }

.modal-dialog#documentation { width:960px; border:solid 1px #95044d; }
.modal-dialog#documentation .modal-content { padding:40px 100px 60px 100px; border:none; }
#documentation button.close { color:#fff; height:50px; width:50px; line-height:50px; }
#documentation h5 { color:#630630; font-size:20px; font-weight:bold; }
#documentation .form-group { position:relative; margin-bottom:10px; }
#documentation .form-group .control-label { color:#919192; font-size:16px; height:50px; line-height:50px; }
#documentation .form-group .form-control { height:50px; line-height:50px; color:#000; font-size:16px; }
#documentation .form-group#nom,
#documentation .form-group#telephone { width:49%; margin-right:1%; display:inline; float:left; }
#documentation .form-group#prenom,
#documentation .form-group#email { width:49%; margin-left:1%; display:inline; float:left; }
#documentation .form-group#lieu { display:inline-block; width:100%; }
#documentation .form-group#optin1 .checkbox-inline label { color:#919192; font-size:13px; }
#documentation .form-group#optin1 .checkbox-inline label a { color:#919192; }
#documentation .mentions { color:#919192; }
#documentation .btn-send { height:50px; line-height:50px; padding:0px 30px; border-radius:5px; text-transform:uppercase; font-size:18px; }
#documentation .form-group.typologies { }
#documentation .form-group.typologies .control-label { display:block; text-align:center; color:#000; font-weight:bold;  }
#documentation .form-group.typologies.error .control-label { color:#ff0000; }
ul.typologies { list-style-type:none; text-align:center; }
ul.typologies > li { display:inline-block; }
ul.typologies > li [type="checkbox"] { display:none; }
ul.typologies > li [type="checkbox"] + label { display:block; height:50px; line-height:50px; padding:0px 20px; border:solid 1px #5D0030; color:#919192; font-weight:normal; border-radius:5px; }
ul.typologies > li [type="checkbox"]:checked + label { background:#a40356; color:#fff; }

/* .modal-dialog#documentation #offre-speciale { color: #000 !important; position:absolute; left:0px; top:0px; right:0px; height:50px; line-height:50px; background:linear-gradient(to right, #F9B723, #FAC543); color:#fff; text-align:center; text-transform:uppercase; font-family:'Klavika-Light'; } */
.modal-dialog#documentation #offre-speciale { color: #fff !important; position:absolute; left:0px; top:0px; right:0px; height:50px; line-height:50px; background: #f1474a; color:#fff; text-align:center; text-transform:uppercase; font-family:'Klavika-Light'; }
.modal-dialog#documentation #offre-speciale strong { font-family:'Klavika-Bold'; }
.modal-dialog#documentation .modal-content { padding-top:90px; }
#offre-speciale > img {
	position: absolute; width: 40px;
	top: 5px;
	left: 5px;
}

#documentation button.close span { color: white; }

#conseils-immo {}
#conseils-immo .mentions-legales { font-size:11px; margin-top:30px; }
#carousel-conseils { width:100%; }
#carousel-conseils .item { width:100%; height:500px; }
#carousel-conseils .carousel-control { width:60px; height:60px; top:50%; margin-top:-30px; background:none; }
#carousel-conseils .carousel-control.left { left:-100px; }
#carousel-conseils .carousel-control.right { right:-100px; }

a.telephone-lnc { display:block; font-size:24px; font-weight:bold; text-decoration:none !important; color:#5D0030; }
header a.telephone-lnc { position:absolute; right:2vw; top:2.3vw; }
header a.telephone-lnc:before { content:"\e182"; font-family:'Glyphicons Halflings'; font-size:20px; margin-right:0px; }
footer a.telephone-lnc { margin-top:10px; }

#imgheader { height:450px; }

@media (min-width: 1900px) {
		
		header #quick-search { margin-top:-200px; }
	
}

@media (min-width: 601px) {

		#navbar-top #quick-search { position:absolute; top:10px; right:20px; }
		
}

@media (max-width: 600px) {
		
		.columns { display:block; }
		.columns > .column { display:block; }
		
		body.navbar-active #navbar-top { }
		#navbar-top > .columns > .column:first-child { max-width:none; }
		#navbar-top > .columns > .column:last-child { max-width:none; }
		#navbar-top > .columns > .column.telephone { display:none; }
		
		header a.telephone-lnc { display:none; }
		
		#logo-header { width:50%; padding:6vw 0; }
		#messageheader { padding:4vw; display:block; }
		#parfois { font-size:4.8vw; line-height:1.1em; padding:0; }
		#parfois br { display:none; }
		#devenezproprio { margin:0; font-size:6vw; line-height:1.1em; }
		#devenezproprio #second { font-size:5vw; }
		#petiteseparation { width:100%; border-top:solid 2px #fff; margin:3vw 0; height:auto; }
		#imgheader { display:block; width:100%; height:0px; padding-bottom:70%; background:#fff url('../img/terrasse1.jpg') no-repeat; background-position:center !important; background-size:cover !important; }
		#petitvelo { display:none; }
		#terrasse { display:none; }
		
		header #quick-search { margin-top:8vw; padding:7vw; }
		header #quick-search h1 { font-size:4.5vw; }
		header #quick-search form > .columns { width:100%; max-width:100%; height:auto; }
		#quick-search form > .columns > .column { margin-bottom:2vw; height:50px; line-height:50px; margin-right:0; }
		#quick-search form > .columns > .column:last-child { margin-bottom:0; max-width:none; }
		#quick-search .form-group .control-label,
		#quick-search .form-group .control,
		#quick-search .form-group .form-control { height:50px; line-height:50px; }
		#quick-search form > .columns > .column .icon-lnc { width:100%; height:50px; line-height:50px; }
		header #introduction { padding:0 2vw; font-size:3.6vw; }
		#quick-search .icon-lnc { position:relative; }
		#quick-search .icon-lnc .glyphicon { position:absolute; top:0px; right:0px; width:50px; height:50px; line-height:50px; text-align:center; }
		#quick-search .icon-lnc:after { content:"Rechercher"; position:absolute; left:20px; top:0px; height:50px; line-height:50px; font-family:'Klavika-Bold'; font-size:18px; text-transform:uppercase; }
		
		section#programmes p.count-programmes { font-size:3.4vw; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;  }
		section#programmes ul.programmes > li { box-shadow:none; }
		section#programmes ul.programmes > li.columns > .programme-visuel { width:100%; max-width:100%; }
		.programme .programme-visuel .carousel-inner > .item { background-size:cover !important; }
		section#programmes ul.programmes > li.columns > .programme-infos { padding:4vw; }
		.programme h3 { font-size:4vw; }
		.programme h3 strong { font-size:4vw; }
		.programme ul.resume > li { font-size:3.4vw; line-height:1.4em; }
		.programme .programme-infos .descriptif p { font-size:3.3vw; text-align:justify; line-height:3.5vw; max-height:14vw; }
		.programme .programme-infos .descriptif.active p { }
		.programme .descriptif a.more { font-size:3.4vw !important; }
		
		section#programmes ul.programmes > li.annonce {
			margin-left: -15px;
			margin-right: -15px;
			padding: 8vw 4vw;
		}
		section#programmes ul.programmes > li.annonce p { font-size:4vw; line-height:1.2em;  } 
		
		section.conseils-immo { padding:10vw 0; }
		section.conseils-immo h1 { font-size:4vw; }
		section.conseils-immo h2 { font-size:5.7vw; }
		section.conseils-immo .box { display:block; padding-left:15px; padding-right:15px; }
		section.conseils-immo .box > img { width:100%; max-width:100%; margin-bottom:30px; }
		section.conseils-immo .box > p { font-size:3.5vw; text-align:left; }
		#carousel-conseils .item { height:900px; }
		#conseils-immo .mentions-legales { font-size:2.5vw; }
		
		footer .logo-lnc > img { width:100%; max-width:250px; margin:auto; margin-bottom:30px; }
		footer .columns > .column:first-child { padding-left:0px; }
		footer .columns > .column:last-child { padding-right:0px; }
		footer .columns > .column { text-align:center !important; width:100% !important;  }
		
		footer.mentions-legales { padding:0px 15px 30px 15px; text-align:justify; }
		
		#navbar-top { z-index:301; box-shadow:0px 0px 10px rgba(0,0,0,0.3); }
		#navbar-top .logo-lnc > img { max-width:50vw; }
		#navbar-top #offre-speciale { display:none !important; }
		#navbar-top > .columns { display:block; }
		#navbar-top > .columns > .column { display:block; }
		#navbar-top > .columns > .column:first-child { position:absolute; left:0px; top:0px; right:0px; background:#fff; z-index:301; padding-left:15px !important; box-shadow:0px 0px 10px rgba(0,0,0,0.3); }
		#navbar-top > .columns > .column:last-child { display:none !important; }
		#navbar-top .icon-lnc.menu-mobile { position:absolute; top:10px; right:10px; z-index:131; display:block; width:40px; height:40px; line-height:40px; text-align:center; background:linear-gradient(to right, #5A002E, #9B1935); border-radius:5px; color:#fff; }
		
		#navbar-top #quick-search { top:0px; z-index:101; background:#fff; transition:all 0.4s ease; height:auto; line-height:normal; background:#fff; /* padding:15px; */ width:90%; position:absolute; left:0px; right:0px; margin:auto; border-radius:0px 0px 8px 8px; box-shadow:0px 0px 8px rgba(0,0,0,0.2); opacity:0; transform:translateY(-100%); }
		#navbar-top #quick-search .columns { height:auto; line-height:normal; width:100%; padding:0px 20px 20px 20px; }
		#navbar-top #quick-search .columns > .column { padding:0px !important; }
		#navbar-top #quick-search h1 { font-family:'Klavika-Bold'; font-size:4.5vw; font-weight:bold; text-transform:uppercase; margin-bottom:10px; text-align:center; padding-top:30px; color:#2e5748; }
		
		body.navbar-active #navbar-top #quick-search.open { transform:translateY(60px); opacity:1; }
		
		.modal-dialog#documentation  { margin:0; }
		.modal-dialog#documentation #offre-speciale { height:auto; line-height:1.3em; padding:5vw 0; }
		.modal-dialog#documentation .modal-content { padding:30vw 5vw 10vw 5vw; }
		#documentation h5 { font-size:4vw; }
		#documentation .form-group { width:100% !important; margin-left:0px !important; margin-right:0px !important; }
		#documentation .form-submit { margin-top:20px; margin-bottom:50px; }
		
		#carousel-conseils .carousel-control { top:-20px; margin-top:0px; background:none; opacity:1; }
		#carousel-conseils .carousel-control.left { left:0px; }
		#carousel-conseils .carousel-control.right { right:0px; }
		
}

@media (max-width: 360px) {
		
		#quick-search form > .columns > .column,
		#quick-search .form-group .control-label, 
		#quick-search .form-group .control, 
		#quick-search .form-group .form-control,
		#quick-search form > .columns > .column .icon-lnc,
		#quick-search .icon-lnc .glyphicon,
		#quick-search .icon-lnc:after { height:40px; line-height:40px; }
		
		.programme .programme-infos .descriptif p { /* font-size:3.4vw; max-height:15.5vw; */ }
		.btn-more { font-size:5vw; }
		
}

.annonce { position: relative; }
.annonce > img:first-child {
	position: absolute; right: 0%; bottom: 0;
	width: 150px;
}


@media (max-width: 800px) {
	.annonce > img:first-child {
		width: 65px;
	}
}