@import url(reset.css);
@import url(fancybox.css);


/* ---------------------------------------
	DECLARATIONS GENERALES
   --------------------------------------- */

	body {
		font-size: 10px;
		background: url(../images/backPage1.jpg) center 3.8em no-repeat fixed;
		font-family: Verdana, Arial, sans-serif;
	}
	
	a {
		text-decoration: none;
	}
	
	strong, b { font-weight: bold; }
	
	sup {vertical-align: super;font-size: 7px}
	
	h1 { position: relative; float: left; }
	
	h2, #infos p {
		font-family: "league-gothic-1","league-gothic-2";
		background: #8fa7a6;
		color: white;
		padding: 0 0.2em;
		font-size: 4em;
		line-height: 1.1em;
		height: 1.2em;
		position: relative;
		float: left;
		margin: 0 0.4em;
		z-index: 1;
	}
	
	h3 {
		font-family: "ff-meta-serif-web-pro-1","ff-meta-serif-web-pro-2";
		line-height: 0.8em;
		font-size: 3em;
		color: #373736;
		position: relative;
		float: left;
		margin: 0 0.3em;
		top: -0.1em;
	}
	
	h3 a, p a, #menuUnites a {
		color: #86866f;
	}
	
	p a {
	
	}
	
	h3 a:hover, p a:hover, #menuUnites a:hover {
		color: #f98f06;
	}
	
	h5 {
		font-family: "ff-meta-serif-web-pro-1","ff-meta-serif-web-pro-2";
		font-size: 17px;
		color: #373736;
		text-align: center;
	}
	h5 span {
		font-size: 13px;
		color: #86866f;
	}
	
	h6 {
		color: #f98f06;
		font-weight: bold;
		font-size: 1.6em;
		display: inline-block;
		float: left;
		margin-left: 1em;
		line-height: 1.3em;
/* 		text-shadow: 0 -1px 0 #A7BFBE; */
	}
	
	p {
	 	font-family: Verdana, Arial, sans-serif;
	 	font-size: 14px;
	 	color: #657f7f;
	 	line-height: 1.3em;
	}
	
	p#copyright {
	 	font-size: 10px;
	 	color: #ccc;
	 	text-align: center;
	 	margin-bottom: 2em;
	}

	
	

/* ---------------------------------------
	ARRIERES-PLANS
   --------------------------------------- */

	img.back, img.back2 {
		position: absolute;
		left: 50%;
		margin-left: -490px;
		z-index: -1;
		top: 2em;
	}
	
	img.back2 {
		top: 25.2em;
	}



/* ---------------------------------------
	CONTENEURS
   --------------------------------------- */

	#projet, #unites, #promoteur, #infos {
		width: 96em;
		padding: 7em 1em 14em 0;
		margin: 0 auto;
		position: relative;
		overflow: hidden;
	}



/* ---------------------------------------
	IMAGES VIGNETTES
   --------------------------------------- */

	img.vignette1, img.vignette2, img.vignette3 {
	 	position: relative;
	 	float: left;
	 	width: 14em;
	 	margin: 0 0.9em;
	 	top: 0.3em;
	 	background: url(../images/backVignette.jpg) fixed center top repeat;
	 	border: 1px solid white;
	 	
	 }
	 img.vignette2 {
	  	background: url(../images/backVignette.jpg) fixed center 14em repeat;	
	 }
	 img.vignette3 {
	  	background: url(../images/backVignette.jpg) fixed center 28em repeat;
	 }
	 
	 

/* ---------------------------------------
	MENU RAPPEL
   --------------------------------------- */

	ul.menuRappel {
		text-align: center;
		position: relative;
		padding: 0.5em;
		float: right;
		background: rgba(43, 59, 59, 0.05);
		clear: both;
		margin-top: 5em;
	}
	
	 ul.menuRappel li {
	 	display: inline;
	 	color: white;
	 }
	 ul.menuRappel li a {
	 	color: #4a6868;
	 }
	 ul.menuRappel li a:hover {
	 	color: #f98f06;
	 }
 
 
 
/* ---------------------------------------
	SECTION CONTACT
   --------------------------------------- */

	#contact { 
		width: 100%;
		background: rgba(209, 228, 228, 1);
		padding: 1em 0;
		border-bottom: 2px solid white;
		overflow: hidden;
		position: fixed;
		top: 0;
	   	z-index: 9999;
	}
	
	
	
/* ---------------------------------------
	SECTION CONTACT -> PROMO FADING
   --------------------------------------- */

	#roll {
		margin-left: 0.5em;
		display:inline-block;
		width: 42em;
		float:left;
		line-height: 1.4em;
/* 		display: none; */
		font-size: 1.4em;
	}
	
	#roll li {
		color: #86866f;
		font-weight: bold;
	}



/* ---------------------------------------
	SECTION CONTACT -> MENU TIERS
   --------------------------------------- */
	
		 #menuTiers {
		 	text-align: right;
		 	margin: 0 1em 0 0;
		 	width: 26em;
		 	float: right;
		 }
		  #menuTiers li {
		  	color: #b8cecd;
		    display: inline-block;        
		
		  	display: -moz-inline-stack;
		 }
		   #menuTiers li a {
		   	color: #4a6868;
		   	font-size: 1.6em;
		   	font-weight: bold;
		   }
		   #menuTiers li:first-child a {
		   	color: white;
		   }
		   
		   #menuTiers li a:hover {
			color: #f98f06;
		   }
		   
		   

/* ---------------------------------------
	HEADER
   --------------------------------------- */

	#header {
		width: 94em;
		padding: 2em 2em 0;
		margin: 3.6em auto 0;
		overflow: hidden;
		position: relative;
	}
	
 
 
/* ---------------------------------------
	HEADER -> MENU PRIMAIRE
   --------------------------------------- */
 
		#menuPrimaire {
			height: 8em;
			position: relative; 
			text-align: center;
			top: 2em;
			width: 46em;
			float: right;
			background: rgba(43, 59, 59, 0.1);
		}
		 #menuPrimaire li {
		    display: inline-block;        
			text-align: center;
			height: 100%;
		
		  	display: -moz-inline-stack;
		 }
		  #menuPrimaire li a {
		  	font-family: "league-gothic-1","league-gothic-2";
		  	line-height: 1.5em;
		  	color: #f1f1ec;
			padding: 0 0.35em;
		  	font-size: 5em;
		  }
		  #menuPrimaire li a:hover {
		  	color: white;
		  }
  
  
  
/* ---------------------------------------
	SECTION INFOS
   --------------------------------------- */

	#infos {
		padding: 2em 1em;
		clear: both;
	}
	
	 #infos {
	 	display: none;
	 }
	 #infos h5 {
		color: #657f7f;
		text-align: left;
		font-size: 17px;
		line-height: 1em;
	 	margin-left: 0.7em;
	 	margin-top: 5em;
		visibility: hidden;
	 }
	 #infos p {
	 	width: 4.3em;
	 	height: 8em;
	 	float: right;
	 	margin-right: 0.3em;
	 	line-height: 1.5em;
	 	text-align: center;
	 	font-size: 30px;
	 	padding-top: 0.5em;
	 	background: #657f7f;
	 }
	 #infos p span, #infos h2 span span {
	  	font-size: 25px;
	 	color: #d1e4e4;
	 	display: inline-block;
	 	line-height: 0.9em;
	 }
	 
	 #infos p span {
		margin-top: 1.5em;
	 }
	 
	 #infos p span span {
	 	color: #b3cece;
	 	margin-top: 0;
	 }
	 
	 #infos p a {
	  	font-size: 22px;
	 	color: #d1e4e4;
	 	line-height: 0.9em;
	 }
	 
	 #infos p a:hover {
	 	color: white;
	 }
	 
	 #infos p {
	 	float: left;
	 	clear: left;
	 }
	 #infos img {
	 	margin: 0 0.7em;
	 	border: 1px solid white;
	 	float: right;
	 }
	 #infos img:hover {
	 	opacity: 1;
	 	cursor: pointer;
	 }
	 #infos h3 {
	 	width: 26em;
	 }
	
	#infos table {
	 	position: relative;
	 	width: 30em;
	 	margin: 0 1em;
	 	height: 25.6em;
	 	float: left;
	 	border-collapse: separate;
	 	border-spacing: 0;
	 }
	 #infos table tr td:last-child {
		background: #657f7f;
	   }
	  #infos table tr {
	  	background:#9BB2B2;
	  }
	  #infos table tr:nth-child(odd) {
	  	background: #ABB3AA;
	  }
	   #infos table tr td {
	   	font-weight: bold;
	   	font-size: 16px;
	   	color: #fff;
	   	text-align: center;
	   	border-top: #D1E4E4 1px solid;
	   	border-bottom: #D1E4E4 1px solid;
	 	vertical-align: middle;
	   }
	   #infos table tr td:first-child {
		border-right: #D1E4E4 2px solid;
		background: none;
		font-size: 12px;
	   }
	   
	   


/* ---------------------------------------
	SECTION PROJET
   --------------------------------------- */

	 #projet h2 { margin-left:0.8em; }
	 
	 #projet h3 { width: 11em; }
	 	
	 #projet img.feuille {
	 	position: relative;
	 	top: -1.5em;
	 	clear: left;
	 	float: left;
	 	margin-left: 10px;
	 }
	 #projet p, #promoteur p {
	 	width: 300px;
	 	text-align: left;
	 	float: left;
	 	margin-left: 20px;
	 	padding: 20px 0;
	 }
	 #projet p.right, #promoteur p.right {
	 	text-align: right;
	 }
	 #projet p img {
	 	float: left;
	 	margin: 1em 1em 1em 0;
	 }
 
 
 
/* ---------------------------------------
	SECTION UNITES
   --------------------------------------- */
 
	 #unites h2 { margin-left: 0.6em; }
	 #unites h3 { width: 16.5em; }
	 #unites p { 
	 	width: 31.7em;
	 	margin: 2em 0 0 13.4em;
	 	border-right: 1px solid #c8d1c6;
	 	text-align: right;
	 	clear: left;
	 	padding-right: 0.5em; 
	 	float: left;
	}
	#menuUnites {
	 	width: 31em;
	 	height: 4.5em;
	 	margin: 2.8em 0 0;
	 	border-left: 1px solid #fff;
	 	text-align: left;
	 	padding: 1em 0 0 0.9em; 
	 	float: right;
	 	clear: right;
	
	 }
	  #menuUnites li {
	  	position: relative;
	  	float: left;
	}
	   #menuUnites li h4 {
	   	color: #628484;
	  	font-size: 14px;
	  	font-weight: bold;
	}
	   #menuUnites li a, #menuUnites li span {
	   	color: #86866f;
	   	font-size: 14px;
	   	padding: 2em 0.7em 0 0;
	   	line-height: 1.5em;
	   }
	   #menuUnites li span {
		color: #c5c5b3;
	   	font-size: 12px;
	   	line-height:0.2em;
	   	
	   }
	 #unites h5 {
	 	text-align: center;
	 	width: 33%;
	 	float: left;
	 	margin-top: 1.8em;
	 }
	 #unites hr { clear: both;visibility: hidden;}
	 #unites span {
	 	color: #86866f;
	 }
	 
	 
 
/* ---------------------------------------
	SECTION UNITES -> TABLES
   --------------------------------------- */

 		 #unites table {
		 	position: relative;
		 	width: 30em;
		 	margin: 1em;
		 	float: left;
		 	border-collapse: separate;
		 	border-spacing: 0;
		 }
		  #unites table tr, #unites table tr td {
		  	background:rgba(115, 108, 86, 0.2);
		  	cursor: pointer;
		  }
		  #unites table tr:nth-child(odd), #unites table tr:nth-child(odd) td {
		  	background: rgba(74, 104, 104, 0.2);
		  }
		  
		  #unites table tr:nth-child(odd):hover, #unites table tr:nth-child(odd):hover  td {
		  	background: rgba(74, 104, 104, 0.5);
		  }
		  
		  
		  #unites table tr:hover, #unites table tr:hover td {
		   	background:rgba(115, 108, 86, 0.5);
		   	
		  }
		  
		  #unites table tr:first-child { background:none; }
		  
		   #unites table tr th {
		   	color: #736c56;
		   	font-size: 12px;
		   	font-weight: bold;
		   	text-align: center;
		   	line-height: 2.3em;
		   }
		    #unites table tr th sup {  }
		   #unites table tr td {
			line-height: 2.7em;
		   	font-weight: bold;
		   	font-size: 12px;
		   	color: #fff;
		   	text-align: center;
		   	border-top: #eeede4 1px solid;
		   	border-bottom: #eeede4 1px solid;
		   }
		   
		   #unites table tr td.dispo, #unites table tr td.reserve, #unites table tr td.vendu {
		   	border-left: #eeede4 3px solid;
		   }
		   
		   #unites table tr td.dispo {
			background: url(../images/dispo.png) center center no-repeat transparent;
		   }
		   
		    #unites table tr:hover td.dispo {
		   	background: url(../images/dispoHover.png) center center no-repeat transparent;
		   }
		   
		   #unites table tr td.reserve {
			background: url(../images/reserve.png) center center no-repeat transparent;
		   }
		   
		    #unites table tr:hover td.reserve {
		   	background: url(../images/reserveHover.png) center center no-repeat transparent;
		   }
		   
		   #unites table tr td.vendu {
			background: url(../images/vendu.png) center center no-repeat transparent;
		   }
		   
		    #unites table tr:hover td.vendu {
		   	background: url(../images/venduHover.png) center center no-repeat transparent;
		   }
		   
		   #unites table tr:first-child:hover {
		   	background: none;
		   }
		   
		   span.legende { text-align: right; display:block; position: absolute; bottom: 22em; right: 2em; }
		   span.legende img { vertical-align: middle; }
   
/* ---------------------------------------
	SECTION UNITES -> TRIGGERS PLANS
   --------------------------------------- */
   
		   #unites a.iframe {
		   	display: none;
		   }
		   
		   
   
/* ---------------------------------------
	SECTION PROMOTEUR
   --------------------------------------- */
   
	#promoteur h2 { margin: 0 0.4em 0 0.2em }
	 
	 #promoteur img#logoVivenda {
	 	position: relative;
	 	top: 14.5em;
	 	clear: left;
	 	float: left;
	 	margin-left: 10px;
	 }