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

span.toggle {
  display: none;
}

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

@media screen and (max-width: 1024px) {

  body {
  	font-size:15px;
	line-height:17px;
  }

	.contact #centre-cnt .titre {
		font-size: 14px;
	}

  #logo-zone{
	  width:35%;
  }
  #logo-zone img{
	  height:76px;
	  width:auto;
  }
  #menu{
	  width:65%;
  }
}

@media screen and (max-width: 992px) {
  
  body {
  	font-size:20px;
	line-height:24px;
  }
  body, p, td {
  }

  h1{
	  font-size:30px;
	  margin-bottom:0;
  }
  h2{
	  font-size:24px;
	  font-family:Akku, verdana;
  }
  
  #main-container{
	  width:100%;
	  padding:0;
  }
  #header-cnt,
  #menu-cnt,
  #centre-cnt,
  #footer-cnt,
  #footer-cnt div.fleft,
  #footer-cnt div.fcenter,
  #footer-cnt div.fright{
    width:100%;
  }

  #header{
	  padding-top:10px;
  }
  #header-cnt{
	padding-left:0;
	padding-right:0;
  }
  #header,
  #header-cnt{
	  height:82px;
	  max-height:none;
  }
  #logo-zone{
	  width:55%;
	  padding-left:3.4%;
  }
  #menu{
	  width:45%;
	  padding-right:0;
  }
  #menu-cnt{
	  padding-top:12px;
  }
  
	#centre-cnt{
		border:0;
	}
	span.toggle {
		display: block;
		background: url(../images/nav-toggle.png) no-repeat right center #354042;
		cursor: pointer;
		position: relative;
	
		padding: 13px 12px 12px 60px;
		line-height:15px;
		
		margin-right:20px;
		height:40px;
}
	.menuOpen span.toggle {
		background: url(../images/nav-toggle-close.png) no-repeat right center #354042;
	}

ul#nav {
  display: none;
  position: absolute;
  z-index: 100;
  background: #354042;
  opacity:0.85;
  
  width: 100%;
  margin: 0;
  height: auto;
  padding-top: 60px;
  padding-bottom: 25px;
  
  font-size:1em;
}

.menuOpen ul#nav {
    display: block;
}
    
    
#nav li ul,
#nav li.menuparent_act ul {
	display:block;
    position: relative;
	left:0;
	width:auto;
    text-align: left;
	margin-left:15px !important;
	padding-bottom:0;
}
#nav li ul li{
	width:auto;
    text-align: left;
}
#nav li ul li a {
	text-transform:uppercase;
	font-size:.9em;
	color:#fff;
}
#nav li li:hover, #nav li li.sfhover {
    font-weight: normal;
    text-align: left;
    padding: .7em 0px;
}

#menu-cnt ul li.first,
#menu-cnt ul li{
	float:none;
	width:100%;
	border:0;
	padding:.7em 0;
	height:auto;
}

#menu-cnt ul li a{
	text-align:left;
	padding-left:10px;
	font-size:1.2em;
	color:#fff;
}
#menu-cnt ul li.menuparent_act a{
	font-weight:700;
}

/*
#menu-cnt ul li ul{
	position:relative;
	display:block;
}
*/
.scrollable-zone {
    width: 100% !important;
    overflow-x: auto;
    overflow-y: hidden;
}

#titre-over {
    margin: 2.5% 3.4%;
}

#centre-cnt {
    padding: 2.42%;
    padding: 5% 2.42%;
}


.implantation #centre-cnt #col1,
.implantation #centre-cnt #col2,
.situation #centre-cnt #col1,
.situation #centre-cnt #col2{
	float:none;
	width:100%;
}
.implantation #col1,
.situation #col1 {
    padding-right: 0;
}
.implantation #col2 img {
    height: 800px;
    width: auto;
}
.implantation #col2 {
	text-align:center;
}

.appartement table tr td {
    font-size: 0.8em;
    padding-left: 17px;
	padding-right:17px;
}
.appartement .batiment h1 {
    padding-left: 17px;
	padding-right:17px;
}

.contact #col1,
.contact #col2 {
    padding-left: 2.42%;
}
.contact #centre-cnt .titre {
    font-size: initial;
    width: 100% !important;
    float: none;
    text-align: left !important;
    margin-bottom: 1em;

    font-size: .9em;
}

.contact #col1 .col.adresse, .contact #col2 .col.adresse {
    font-size: 0.75em;
    width: 220px;
	width:25vw;
}


	#footer-cnt div.fleft,
	#footer-cnt div.fcenter,
	#footer-cnt div.fright {
		float:none !important;
		width:100% !important;
		clear:both;
		margin-bottom:4% !important;
		display:inline-block;
	}

	#footer-cnt div.fleft .titre {
		width:100% !important;
		clear:both;
		margin-bottom:4%;
		margin-top:3%;
		font-size:1.3em;
		line-height:1.2em;
	}
	#footer-cnt div.fleft .adresse {
		padding-left:0;
		width:50% !important;
	}

	#footer-cnt div.fcenter ul{
		padding:0;
	}

	#footer-cnt div.fcenter ul li{
		padding-left:0;
		padding-right:5%;
	}

	#footer-cnt div.fright {
		text-align:left;
	}

	#footer-cnt #signature-formas {
		width: 60px;
	}
}

@media screen and (max-width: 767px) {

	.contact #col1,
	.contact #col2 {
		width:100%;
		float:none;
	}
	.contact #col2 {
		padding-top:5%;
	}
	.contact #col1 .col.adresse, .contact #col2 .col.adresse {
		width: 40vw;
	}

}

@media screen and (max-width: 480px) {


  #logo-zone{
	  position:absolute;
	  top:0;
	  left:0;
	  width:80%;
	  z-index:101;
  }
  #menu{
	  position:absolute;
	  top:0;
	  left:0;
	  width:100%;
	  padding-right:0;
  }

	span.toggle {
		background-size:40px;
	}

	#titre-logo span.nom-logo {
		font-size: 20px;
	}
	#titre-logo span.adresse-postale {
		font-size: 18px;
	}
	

	#titre-over{
		font-size: .95em;
	}

	#centre-cnt {
		padding: 4.42%;
	}

	.situation #centre-cnt #col2 .plan{
		float:none;
		width:100%;
		border:0;
		padding-left:0;
		padding-top:.5em;
		padding-top:4.42%;
	}
	.situation #centre-cnt #col2 img{
		border:0;
	}

	.implantation #col2 img{
		margin-bottom:20px;
	    height: 400px;
	}


	.appartement table tr td ,
	.appartement .batiment h1 {
		padding-left: 10px;
		padding-right:10px;
	}

	.contact #col1 .col img,
	.contact #col2 .col img {
		margin-bottom: 1em;
	}	
	.contact #col1 .col.adresse,
	.contact #col2 .col.adresse {
		width: 100%;
		font-size: 0.825em;
	}
	.contact #col2 .col.adresse1{
		width: 100%;
		float: none;
		padding-bottom: 10%;
	}

	#footer-cnt {
		padding: 2.4% 4.2%;
	}
	
	#footer-cnt div.fleft .adresse {
		width: 100% !important;
		padding-top:3%;
		padding-bottom:5%;
	}

	#footer-cnt div.fcenter ul li {
		float: none;
		padding: .4em 0;
		padding-left: 0;
	}
	#footer-cnt div.fcenter ul li ul{
		padding-left: 5%;
	}

	#footer-cnt div.fright {
/*
		text-align: right;
*/
		font-size: 15px;
		padding-right: 1%;
	}

	#footer-cnt #signature-formas {
		position:relative;
		float: right;
	}

}

/* hack for specific ipad differences... */

/* non retina */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape){ 

#nav li a{
  line-height:30px;  
}

}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2) { 

#nav li a{
  line-height:32px;  
}

#col2 .implantation div .col1,
#col2 .implantation div .col2,
#col2 .implantation div .col2 .col21,
#col2 .implantation div .col2 .col22{
	letter-spacing:-1px;
}

#col1.appartement .detail table th.lettre, 
#col2.appartement .detail table th.lettre {
  padding-bottom:6px;
}

}

/* iphone 5s landscape */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : landscape) { 
.situation p{
	font-size:7px;
}

}