@charset "utf-8";
/* CSS Document */

/*
	Bas-du-Ruisseau definition CSS (some changes are done using jQuery)
*/

@font-face {
	font-family: 'Akku';
	src: url('font/Akku.eot');
	src: local('☺'), url('font/Akku.woff') format('woff'), url('font/Akku.ttf') format('truetype'), url('font/Akku.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'AkkuBold';
	src: url('font/Akku-Bold.eot');
	src: local('☺'), url('font/Akku-Bold.woff') format('woff'), url('font/Akku-Bold.ttf') format('truetype'), url('font/Akku-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'AkkuLight';
	src: url('font/Akku-Light.eot');
	src: local('☺'), url('font/Akku-Light.woff') format('woff'), url('font/Akku-Light.ttf') format('truetype'), url('font/Akku-Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

    body {
		
		font-family: AkkuLight, Verdana,"Lucida Grande", Geneva, Courier, sans-serif;
		background: #cfd1d2;
		color:#374041;;
		margin:0;
		padding:0;
		border:0px solid #000;
		
		font-family:AkkuLight, verdana;
		font-size:1.1111vw;
		line-height:1.527778vw;
    }
    html {
		background: #cfd1d2;
    }
	
	/* General */

	div, p, span, *{
		box-sizing: border-box;
	}
	a,
	a:link{
		color:#615346;
		text-decoration:none;
		outline:none;
	}
	a:hover{
		color:#615346;
		text-decoration:underline;
	}
	
	.clearer{
		clear:both;
	}

	h1{
		font-family: AkkuLight, Verdana, Geneva, sans-serif;
		color:#374041;;

/*
		font-size:2.222vw;
		line-height:2.222vw;
*/		
		font-size:2em;
		line-height:2em;

		font-weight:300;
		
		text-transform:uppercase;
	}
	h1.sup{
		font-size:20px;
		line-height:25px;

		font-size:21px;
	}
	h1.insidetext{
		margin-bottom:12px;
	}
	h2, h3{
		font-family: AkkuBold, Verdana, Geneva, sans-serif;

/*
		font-size:1.38889vw;
		line-height:1.38889vw;
*/
		font-size:1.25em;
		line-height:1.25em;
		
		font-weight:400;
	}

	#centre h1, #centre h2, #centre h3{
/*
		font-family: AkkuBold, Verdana, Geneva, sans-serif;
*/
	}
	#centre h1{
		margin-top:0;
		padding-top:0;
	}

	input.textfield{
		font-size:11px;
		border:1px solid #c0c6c9;
		height:14px;
		background:#fff;
	}
	
	input.button{
		font-size:11px;
		color:#2f414b;
		height:17px;
		padding-bottom:2px;
		border:none;
		background:#d5d9db;
	}

	.vignette{
		border:1px solid #c0c6c9;
	}
	
	#slideshow {
		border:none;
	}
	#slideshow img{
		margin:0;
		padding:0;
	}


	.ms-skin-default .ms-nav-next, 
	.ms-skin-default .ms-nav-prev {
		background: url(../images/left-arrow.png) center no-repeat !important;
		background-size:contain !important;
		width: 50px !important;
		height: 45px !important;
		cursor: pointer;
		top: 50%;
		left: 30px;
		margin-top: -20px;
	}
	.ms-skin-default .ms-nav-next{
		background: url(../images/right-arrow.png) center no-repeat !important;
		background-size:contain !important;
	}

/* END general */

	#main-container{
		width:100%;
		padding:0;
		margin:0 auto;
		box-sizing: border-box;
	}

	#header{
		position:relative;
		width:100%;
		/*
		height:104px;
		*/
		background:#374041;
		padding-top:5px;
		height:auto;

		height: 14.23611vw;
	    max-height: 70px;
	}
	#header-cnt{
		position:relative;		
		border:0;				
		
		width:100%;
		max-width:1440px;
		margin:0 auto;
		
		height:14.23611vw;
		max-height:70px;
		
		padding-left:1.7%;
		padding-right:1.7%;
	}
	
	#header #titre-logo{
		color:#fff;
		font-family: AkkuLight, Verdana, Geneva, sans-serif;
		text-transform:uppercase;
	}
	
	#headerprint{
		display:none;
		visibility:hidden;
	}
	
	#logo-zone, #menu{
		float:left;
		background:#374041;
	}
	#logo-zone{
		width:30%;
	}
	#menu{
		width:70%;
	}
	
	#logo,
	#titre-logo{
		white-space:nowrap;
		position:relative;
		float:left;
		/*
		width:300px;
		height:70px;
		margin:15px 0 0 18px;
		overflow:auto;
		*/		
	}

	#logo{
		margin-right:3%;
	}
	#logo img{
		max-height: 58px;
		height: 100%;
		width: auto;
	}
	#titre-logo span{
		display:inline-block;
	}
	#titre-logo span.nom-logo{
		font-size: 1.375em;
		font-size:22px;
		line-height:35px;
	}
	#titre-logo span.adresse-postale{
		font-size:1.25em;
		font-size:20px;
		color:#636a6a;
	}
	

	#menu{
		position: relative;
/*
		clear: both;
		width: 100%;
*/		
		height: 40px;
		padding: 0;
		padding-right:2%;
		/* border-bottom: 2px solid #fff; */
	}

	#menu-cnt{
		position:relative;
		width:100%;
		height:25px;
		padding:0;
		padding-top:25px;
/*
		border-bottom:2px solid #fff;
*/		
		margin:0 auto;
	}


/*
	#menu ul{
		margin:0;
		padding:0;
		list-style:none;
	}

	#menu ul li{
		display:inline-block;
		float:left;
		width:163px;
		text-align:center;
		list-style:none;
	}

	#menu a,
	#submenu a{
		display:inline;
		margin-left:40px;
	}
	#menu p{
		text-transform:uppercase;
		padding-top:4px;
	}
*/
	
	#ombre{
		position:absolute;
		width:100%;
		height:26px;
		top:115px;
		background-image:url(../images/ombrage.png);
		background-repeat:repeat-x;
		z-index:2;
	}

	#illustration{
		position:relative;
		width:980px;
		height:288px;
		overflow:hidden;
		margin-top:3px;
		border:0px solid #fff;
	}

	#slideshow {
		border: 0;
		-webkit-box-shadow:none;
		-moz-box-shadow:none;
		box-shadow:none;
	}

	#centre{
		position:relative;
		overflow:hidden;
		width:100%;
		max-width:1440px;
		margin:0 auto;
		
/*
		border-top:2px solid #fff;
		border-bottom:2px solid #fff;
		background:#c4ddf4;
*/
	}
	#titre-over{
		position:absolute;
		z-index:999;
		
		margin:2.5% 1.7%;		
		text-transform:uppercase;
		font-size:1.4em;
		
		font-size:21px;
	}
	#centre-cnt{
		position:relative;
		overflow:hidden;
/*
		width:970px;
		border-left:4px solid #fff;
		border-right:4px solid #fff;
*/
		background:#fff;
		padding:2.222vw;		
		padding:3.42%;
	}
	
		body.appartement #centre-cnt{
			padding-left:0;
			padding-right:0;
		}


	#footer{
		position:relative;
		clear:both;
		width:100%;
		height:auto;
		background:#374041;
		border-top:0px solid #fff;
/*
		border-bottom:25px solid #fff;
*/
		overflow:hidden;
		margin-bottom:0px;
	}
	
	#footer-cnt{
		position:relative;
		width:100%;
		max-width:1440px;
		height:auto;
		margin: 0 auto;
		border:0px solid #fff;
		color:#fff;
		background:#374041;
		overflow:hidden;
		
		font-size:12px;
		padding:32px 24px;
		
		padding:2.4% 1.7%;
		font-size: 0.875em;
		line-height:1.1em;
	}
	#footer-cnt a{
		color:#fff;
	}

	#footer-cnt div{
		box-sizing: border-box;
	}

	#footer-cnt div.fleft{
		float:left;
		text-align:left;
		width:41.6667%;
		padding:0;
		margin:0;
		border:0px;
	}
		#footer-cnt div.fleft .col{
			float:left;
		}
			#footer-cnt div.fleft .col.span4{
				width:33.3333%;
			}
	#footer-cnt div.fcenter{
		float:left;
		text-align:left;
		width:47.6667%;
		padding:0;
		margin:0;
		border:0px solid #fff;
	}
	#footer-cnt div.fcenter ul{
		margin:0;
		list-style:none;
	}
		#footer-cnt div.fcenter ul li{
			list-style:none;
			float:left;
			padding:0;
			text-transform:uppercase;
			padding-left:5%;
		}
		#footer-cnt div.fcenter ul li:last-child{
			padding-right:0;
		}
		#footer-cnt div.fcenter ul ul{
			padding:0;
		}
		#footer-cnt div.fcenter ul li li{
			float:none;
			padding:0;
/*
			text-transform:none;
*/
			font-size: 0.8571428571428571em;
			padding-top:.5em;
		}
	
	#footer-cnt div.fright{
		float:left;
		width:10.66667%;
		padding:0;
		margin:0;
		border:0px solid #fff;
		text-align:right;
	}

	#footer-cnt div.titre{
		text-transform:uppercase;
	}
	#footer-cnt div.adresse{
		font-size:0.931818em;
		padding-left:10px;
		line-height:1.3em;
	}
	#footer-cnt span.tel{
		display:block;
		font-size:1.2682926829em;
		margin:10px 0;
	}


	#footer-cnt #signature-formas{
		position: absolute;
		right: 0;
		bottom: 0;
		margin-bottom: 2.4%;
		margin-right:1.7%;
		width: 6vw;
		opacity:.3;
	}
	#footer-cnt #signature-formas img{
		width:100%;
		height:auto;
		margin-bottom:2px;
	}


	#footerprint{
		display:none;
		visibility:hidden;
	}

	
<!--
/** 
 * Slideshow style rules.
 */

#slideshow{
	width:100%;
	height:auto;
}
#slideshow ul {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
}


/*-------------MENU CSS---------------------*/

#menu-cnt{
	height:25px;
}
#menu-cnt #nav ul li ul{
	background:none;
	z-index:9;
}

li.menuright{
	position:absolute;
	top:20px;
	left:0px;
	z-index:-1;
}
#nav{
  position:relative;
/*  height:22px; */
  width:auto;
  display:table;
/*  width:814px; */
/*
  margin:9px auto 0 auto;
*/
  margin-top:8px;
  margin-bottom:0;
  padding:0;
  float: right;
  clear:both; 
}
#nav ul {
  list-style: none;
  /*line-height: 1em;*/
  background: #none;
  color: #fff;
/*  font-weight: bold; */
  padding: 0;
  margin: 0;
  /*margin: 0 0 1em 0;*/

/*
  height:26px;
*/
  overflow:hidden;
}

#nav ul li{
  padding: 0;
  margin: 0;
}

#nav li a{
	display:block;
	margin-bottom:0px;
/*	padding-top:1px; */
/*	padding-bottom:10px; */
/*	height:18px; */
/*	background:#3C3; */
/*  font-weight: bold; */

	text-transform:uppercase;
	color:#fff;

	font-family: Akku, Verdana, Geneva, sans-serif;
}
#nav li ul li a{
	background:none; 
	padding-bottom:0px;
/*	height:auto; */
}

#nav a {
  display: block;
  color: #bbb6b2;
 
  text-decoration: none;
  /*padding: 0.25em 0em;*/
  padding: 0px 0px 0px 0px;
/*
  width: 133px;
*/
}
 
#nav li{
  float: left;
  display: block;
  font-family: Verdana, sanserif;
  
  color:#bbb6b2;
  text-decoration:none;
/*
  height:auto;
  height:26px;
*/
  width: auto;
  text-align:center;
/*  margin-right:1px; */
  padding: 4px 4px 0px 4px;
  padding: 0;
  
/*
  background:#069;
  background-image:url(../images/fd-footer.png);
  background-repeat:x-repeat;
  overflow:hidden;
*/

	border-right:0px solid #fff;
	
	margin:0 20px 0 10px;
	margin:0 15px 0 15px;
}
#nav li.first{  /* special for 1st menu (to get total menu 100% width and to get 1px margin left) */
  width: auto;
  /* margin-left:1px; */

	border-left:0px solid #fff;
}
 
#nav li a:hover{
  color:#000;

  color:#fff;
/*  background:#3fa3d8; */
}
#nav li ul {
  position: absolute;
  z-index:9999;
  left: -999em;
  height: auto;
  width: 190px;
/*  font-weight: bold; */
  border: 0px solid #a0a5a8;
/*  margin: -3px 0px 0px -4px; */
  margin: 0px 0px 0px -5px;
  background:none;

  background-color: #374041;
  padding-bottom:15px;
  padding-top:10px;

    opacity : 0.85;
    -moz-opacity : 0.85;
    -ms-filter: "alpha(opacity=85)";
    filter : alpha(opacity=85);
}

#nav li li {
 
  width: 112px;
  overflow:hidden;
  text-align:left;
  /*height:15px;*/
  height:auto;
  text-decoration:none;
/*  font-weight:bold; */
  padding:4px 11px 3px 11px;
  background-image:none;
 
  background-color:#374041;
  color:#fff;
  border-bottom: 0px solid #a0a5a8;
  border:0;
	
	width:auto;
  	text-align:center;
	padding:3px 25px 2px 25px;

	padding:3px 20px 2px 20px;
}
#nav li li:hover, #nav li li.sfhover{
  width: 112px;
  overflow:hidden;
  /*height:15px;*/
  height:auto;
  text-decoration:none;
  font-weight:bold;
  padding:4px 11px 3px 11px;
  background-image:none;
 
  background-color:#374041;
  margin:0px;
  color:#fff;
  width:auto;
  	text-align:center;
	padding:3px 25px 2px 25px;

	padding:3px 20px 2px 20px;
}
#nav li.first li:hover, #nav li.first li.sfhover{  /* special for 1st menu */
  width: 112px;
  width:auto;
}

#nav li.last li, #nav li.last li:hover, #nav li.last li.sfhover{  /* special for last menu (to get total menu 100% width) and 1px margin right */
  width: 112px;
  width:auto;
}


#nav li ul a{
	
  display:inline-block;
  /*padding-left: 1em;*/
  font-size:1em;
  color:#fff;
/*  font-weight:bold; */
  text-transform:uppercase;
  font-family: AkkuLight, Verdana,"Lucida Grande", Geneva, Courier, sans-serif;
  font-weight:normal;  

  font-size:13px;
  white-space:nowrap;
}
#nav li.menuparent_act ul a {
	
  color:#fff;
/*
  text-transform:none;
*/
  font-family: Akku, Verdana,"Lucida Grande", Geneva, Courier, sans-serif;
  font-weight:normal;  
}

#nav li ul a:hover,
#nav li ul a.active {
	text-decoration:underline;
}
 
#nav ul li ul {
/*  margin: -1.75em 0 0 137px; */
}
 
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
  left: -999em;
}
 
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
  left: auto;
  
  margin-left:-20px;
}
 
#nav li:hover, #nav li.sfhover {
  display:block;
  font-family: Verdana, sanserif;
/*  font-weight:bold; */
  color:#fff;
  text-decoration:none;

/*
  height:26px;
  background-image:url(../images/fd-footer.png);
  background-repeat:x-repeat;
  padding: 4px 4px 0px 4px;
  padding: 0;
*/
/*  margin-right:1px; */

}
#nav li.menuparent_act{
/*
  background-image:url(../images/fd-footer.png);
  background-repeat:x-repeat;
	background:#30a4dc;
*/
}
#nav li.menuparent_act2{
/*  background-image:url(../../../../uploads/tx_tllbaseext/dreieck_blau.gif); */
  background-image:url(../images/fd-footer.png);
  background-repeat:no-repeat;
  background-position:center right;
}

#nav li a{
  font-family: AkkuLight, Verdana, Geneva, sans-serif;
  color:#cfd1d2;
  font-size:1.0625em;

  padding: 4px 0px 3px 0px;
  padding:0;
  padding-bottom:6px;

}
#nav li.menuparent_act > a{
  color:#fff;
  font-weight:bold;
  font-size:1.1818em;
}

/* END MENU */

/* Pages */
div#col1,
div#col2,
div#col3{
	float:left;
	width:50%;
	overflow:hidden;
}

/* End Pages */


/* Homepage */

img.image-home{
	max-width:100%;
	weight:auto;
}

/* END homepage */

/* situation */
.situation #col1{
	width:44%;
	padding-right:3.42%;
}
.situation #col2{
	width:56%;
}

.situation div.plan{
	width:50%;
	float:left;
	padding-left:0.277778%;
	padding-top:1em;
}

/*
.situation #centre-cnt{
	padding-bottom:6%;
}
*/

/* fin situation */

/* Implantation */
.implantation #col1{
	padding-right:12%;
	width:66%;
}
.implantation #col2{
	width:34%;
}

.implantation p.coupe{
	margin:4vw 0;
	margin:60px 0;
}

/* Fin implantation */

/* Contact */

.contact #centre-cnt .titre{
	font-size:1.3em;
	text-transform:uppercase;
/*
	line-height:2em;
*/
}

.contact #col1{
	width:33%;
	padding-right:0%;
	padding-left:0%;
}
.contact #col2{
	width:67%;
	padding-right:0%;
	padding-left:0%;
}

.contact #centre span.tel {
    display: block;
    font-size: 1.2682926829em;
    margin: 10px 0;
}

.contact #col1 .col,
.contact #col2 .col{
	float:left;
}
.contact #col1 .col img,
.contact #col2 .col img{
	margin-bottom:2em;
}
.contact #col1 .col.adresse,
.contact #col2 .col.adresse{
	font-size:0.85em;
	width:13.889vw; /* 200px */
}
.contact #col2 .col.adresse1{
	margin-right:5vw;
}
.contact #col1 .col.titre{
	width:13.889vw; /* 200px */
	text-align: right;
    padding-right: 3vw;
}
.contact #col2 .col.titre{
	width:26.889vw; /* 200px */
	text-align:right;
    padding-right: 3vw;
}


/* Fin contact */


/* Appartement */

.appartement #centre-cnt{
	padding:0;
}
.appartement .batiment h1{
	color:#fff;
	padding-top:1.7% !important;
	padding-left:1.7%;	
	padding-right:1.7%;	
}
.appartement .batiment h1 strong{
	font-weight:normal;
	font-family:AkkuBold;
}


.appartement .batiment{	
	border-bottom:4px solid #fff;
}
.appartement #batiment-a{
	background: #9ebe43;
}
.appartement #batiment-b{
	background: #f2bb37;
}
.appartement #batiment-c{
	background: #8bbbe4;
}
.appartement #batiment-p{
	background: #374041;
	border-bottom:0px solid #fff;
}

.appartement .batiment table{
	border-collapse:collapse;
	border-color:#fff;
	color:#fff;
	width:100%;
}

.appartement table tr td{
	border:1px solid #fff;
	text-align:left;
	padding-left:1.7%;	
	padding-right:1.7%;	
	
	font-size:0.9em;
	white-space:nowrap;
}
.appartement table tr.legende td{
/*
	border-left:0;
	border-right:0;
*/
	padding-bottom:0.8em;
	line-height:1em;
}
.appartement table tr.legende td:first-child{
	border-left:0;
}
.appartement table tr.etage td:first-child{
	border-left:0px solid #fff;
	font-family:AkkuBold;
}
	.appartement #batiment-p table tr.etage td:first-child{
		font-family:Akku;
	}

.appartement table tr td:last-child{
	border-right:0px solid #fff;
}
.appartement table tr.border td{
	border-top:0px solid #fff;
	border-bottom:1px solid #fff;
}
.appartement table.loyer tr.etage td.text-center{
	text-align:center;
}
.appartement table.loyer tr.etage td{
	background:#e2ebc7;
	color:#000;
	line-height:2em;
}
.appartement #batiment-b table.loyer tr.etage td{
	background:#fbebc3;
}
.appartement #batiment-c table.loyer tr.etage td{
	background:#dcebf7;
}
.appartement #batiment-p table.loyer tr.etage td{
	font-weight:normal !important;
	background:#b9bcbc;
	border-left:0;
	border-right:0;
}
.appartement #batiment-p table.loyer tr.etage td:first-child{
	width:50%;
}
.appartement #batiment-p table tr:last-child td{
	border-bottom:0px solid #fff;
}


span.prix {
    display: inline-block;
    width: 75%;
    text-align: right;
}

.appartement table.tb-etat{
	width:auto;
}
.appartement table.tb-etat td{
	border:0;
	font-size:1em;
	margin:0;
}


.appartement .etage td span.etat{
	display:inline-block;
	width:12px;
	height:12px;
	margin-right:5px;
	border:1px solid #fff;
	box-sizing:border-box;
	
	width:1em;
	height:1em;
	border-radius:50%;
/*	margin-bottom:1px; */
/*	margin-bottom:-1px; ipad */
	overflow:hidden;
	margin-top:1px;
}
.appartement span.libre{
	background:#00aa57;
}
.appartement span.reserve{
	background:#fc852f;
}
.appartement span.vendu{
	background:#e04041;
}

/* Fin appartement */

/* Contact */

#centre-cnt.contact .col-contact{
	width:25%;
	padding-right:25px;
	float:left;
}
#centre-cnt.contact .col-contact.colv{
	width:25%;
	padding-right:0px;
}
#centre-cnt.contact .col-contact img{
	max-width:100%;
	width:100%;
	height:auto;
	
	margin:5px 0;
}


#centre-cnt.contact h1,
#centre-cnt.contact h2{
	color:#615346;
	font-size:25px;
	margin:25px 0 0 0;
}

#centre-cnt.contact .col-contact h2{
	color:#615346;
	border-bottom:1px solid #615346;
	font-size:17px;
	text-transform:uppercase;
	margin:25px 0 0 0;
	font-family: UniversCondensedBold, dinmedium, dinregular, Verdana, Geneva, sans-serif;
	font-weight:lighter;
	margin-bottom: 25px;
}

#centre-cnt.contact .col-contact p.tel{
	font-size: 14px;
    margin: 10px 0;
}

#centre-cnt.contact .col-contact span{
	display:inline-block;
	padding:0 15px;
}

#centre-cnt.contact .col-contact .divider{
	width:100%;
	height:0px;
	border-top:1px solid #cfcbc7;
	margin:20px 0;
}
	#centre-cnt.contact .col-contact .divider.transparent{
		border-color:transparent;
	}

/* End Contact */