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

@font-face 
{
    font-family: "HelveticaNeueLT Pro 25 UltLt";
    font-style:  normal;
    font-weight: normal;
    src: url(http://vaya.ambrosino.ch/HELVETI0.eot);
  }
@font-face 
{
    font-family: "Eurostyle";
    font-style:  normal;
    font-weight: normal;
    src: url(http://vaya.ambrosino.ch/EUROSTI0.eot);
  }
  
@font-face {
    font-family: "Futura Lt";
    font-style:  normal;
    font-weight: normal;
    src: url(http://vaya.ambrosino.ch/FUTURAL1.eot);
}

@font-face {
    font-family: "Futura Md";
    font-style:  normal;
    font-weight: normal;
    src: url(http://vaya.ambrosino.ch/FUTURAM1.eot);
}



*{
	margin:0;
	padding:0;
}

/* enlever les bords des selections */
*:focus{outline:none;}

body { 
	margin-top:10px;
	background:none;
}

#main{
	position:absolute;
	width:995px;
	height:650px;
	background-image:url(images/background/bkg-page.gif);
	background-repeat:repeat-x;
	margin-top: -325px;
	margin-right: -497px;
	top: 50%;
	right: 50%;
}

#content{
position:absolute;
width:798px;
height:520px;
left:98px;
top:65px;
background-color:#FFFFFF;
}

#pur-logo{
	position:absolute;
	width:126px;
	height:49px;
	left:63px;
	top:26px;
}

#horz-separator{
position:absolute;
width:672px;
height:6px;
left:63px;
top:80px;
background-color:#574319;
}

#home-img1{
	position:absolute;
	width:670px;
	height:228px;
	left:64px;
	top:100px;
}

#home-img2-container{
	position:absolute;
	width:332px;
	height:225px;
	left:403px;
	top:101px;
	color:#FFFFFF;
	background-color:#000000;
}

#home-img2{
	position:absolute;
	width:245px;
	height:225px;
	left:0px;
	top:0px;
}
#display-home-text-2{
	position:absolute;
	left:248px;
	top:8px;
	width:80px;
	height:186px;
	line-height:0.9em;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:0.8em;
}
#display-home-pur-logo{
	position:absolute;
	left:284px;
	top:201px;
	width:41px;
	height:17px;
}

#home-text{
	position:absolute;
	width:669px;
	height:131px;
	left:63px;
	top:342px;
	font-family:"Futura Md", sans-serif;
	line-height:12pt;
	font-size:11pt;
	font-weight:400;
	color:#574319;
	text-align:justify;
}
.home-text-cyan {color: #26BCD7}
.home-text-brun {color: #574319}

#display-zone{
	position:absolute;
	left:62px;
	top:106px;
	width:424px;
	height:199px;
	background-color:#000;
}


#display-zone-image{
	position:absolute;
	left:0px;
	top:0px;
	width:269px;
	height:198px;
	text-align:right;
}

#display-zone-flash{
	position:absolute;
	left:0px;
	top:0px;
	width:423px;
	height:198px;
	text-align:right;
	color:#000;
	background-color:#FFFFFF;
}

#display-zone-image a {display:block;width:297px;
height: 198px;

background-image:url(file:///C|/Data/Devel/Web/Vaya/images/pages/management1.jpg);   /*image par défaut */
}
#display-zone-image a:hover{display:block;width:297px;
height: 198px;

background-image:url(file:///C|/Data/Devel/Web/Vaya/images/pages/management2.jpg);  /* image au passage de la souris */
}
img{
border:0;
} 

#display-zone-text{
	position:absolute;
	left:305px;
	top:11px;
	width:117px;
	height:147px;
	line-height:0.9em;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:0.8em;
}
#display-zone-pur-logo{
	position:absolute;
	left:371px;
	top:173px;
	width:41px;
	height:17px;
	background-color: #002B54;
}
#page-title{
	position:absolute;
	left:63px;
	top:330px;
	width:125px;
	height:24px;
	background-color: 0;
	text-align:left;
	font-family:"Futura Lt", sans-serif;
	color:#8ED3E5;
	background-color:#FFF;
	font-weight: lighter;
	font-size:11pt;
}
.page-title-cyan {color: #26BCD7;
font-weight:lighter;}

#page-title-2{
	position:absolute;
	left:55px;
	top:389px;
	width:125px;
	height:24px;
	background-color: 0;
	text-align:right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#8ED3E5;
	background-color:#FFF;
	font-size:14px;
}

#page-text{
	position:absolute;
	width:672px;
	height:87px;
	top:354px;
	text-align:justify;
	line-height:11pt;
	font: 75.2% "Futura Md", sans-serif; 	

/*	font-family: "Futura Md", sans-serif;
	font-size: 9.35pt !important;
	font-size: 10.1pt ;
*/	
	/*font-weight:25;*/
	/*color:#002B54;*/
	color:#574319;
	left: 64px;
}

a:link.bluelink, a:visited.bluelink, a:hover.bluelink, a:active.bluelink {
	text-decoration:underline;
	color: #002B54;
}

a:link.brownlink, a:visited.brownlink, a:hover.brownlink, a:active.brownlink {
	text-decoration:underline;
	color: #574319;
}


#page-right-title{
	position:absolute;
	left:503px;
	top:223px;
	width:234px;
	height:14px;
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#574319;
	background-color:#FFF;
	font-size:14px;
}
#page-right-text{
	position:absolute;
	width:671px;
	height:29px;
	left: 65px;
	top:448px;
	line-height:13px;
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#002B54;
	font-size:9px;
	color:#8ED3E5;
}

#footer-1{
	position:absolute;
	width:672px;
	height:20px;
	left:63px;
	top:482px;
	background-color:#26BCD7;
}

#footer-2{
	position:absolute;
	width:573px;
	height:16px;
	top:502px;
	left:163px !Important;
	left:312px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:400;
	text-align:right;
	color:#574319;
}
a:link.footerlink, a:visited.footerlink, a:hover.footerlink, a:active.footerlink {
	text-decoration:none;
	color: #574319;
}

#contact{
	position:absolute;
	width:65px;
	height:16px;
	top:485px;
	left:662px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:400;
	text-align:left;
	color:#FFF;
}

a:link.whitelink, a:visited.whitelink, a:hover.whitelink, a:active.whitelink {
	text-decoration:none;
	color: #FFF;
}
/* 	color:#80A1B6; bleu clair
*/


#div-menu{
	position:absolute;
	left:191px;
	height:16px;
	top:60px;
	width:609px;
	text-align:left;
	}

	#nav {
		margin:0;
		padding:0;
		background:#FFF; /* url(nav_bg.jpg) 0 0 repeat-x;*/
		width:100%;
		float:left;
		border-width:1px 0;
	}
	#nav li {
		display:inline;
		padding:0;
		margin-left:10px;
	}
	#nav a:link,
	#nav a:visited {
		color:#574319;
		background:#FFF;
		padding:0px 18px !Important!;
		padding:0px 18px;
		float:left;
		width:auto;
		text-decoration:none;
		font:bold 8.5pt Eurostyle, sans-serif;
		text-transform:uppercase;
	}
	#nav a:hover {
		background:#FFF;
		color:#80A1B6;
	}
	#nav li:first-child a {
	}

	#home #nav-home a,
	#marketing #nav-marketing a,
	#communication #nav-communication a,
	#web #nav-web a, 
	#louis-bidon #nav-louis-bidon a,
	#portfolio #nav-portfolio a{
		background:#FFF;
		color:#80A1B6;
		text-shadow:none;
	}

	#home #nav-home a:hover,
	#marketing #nav-marketing a:hover,
	#communication #nav-communication a:hover,
	#web #nav-web a:hover, 
	#louis-bidon #nav-louis-bidon :hover,
	#portfolio #nav-portfolio :hover{
		background:#FFF;
		color:#80A1B6;
	}
	#nav a:active {
		background:#002B54;
		color:#80A1B6;
	}
	
/* ---- CONTACT form  ---------------------------------------------------- */	
	
#contact-title{
	position:absolute;
	left:116px;
	top:153px;
	width:227px;
	height:14px;
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#574319;
	background-color:#FFF;
	font-size:14px;
}

#contact-zone{
	position:absolute;
	left:116px;
	top:172px;
	width:560px;
	height:256px;
	background-color:#26BCD7;
	font:8.7pt "Futura Lt", sans-serif;
	color:#FFF;
	text-align:left;
}

#contact-info-text{
	position:absolute;
	left:54px;
	top:12px;
	width:483px;
	height:24px;
	text-align:justify;
	font-family:"Futura Lt", sans-serif;
	font-size:9pt;
}

#contact-prenom-label{
	position:absolute;
	width:50px;
	height:15px;
	top:55px;
	left:40px;
	text-align:right;
	visibility: visible;
	}

#contact-prenom{
	position:absolute;
	width:120px;
	height:25px;
	top:51px;
	left:96px;
	visibility: visible;
	}

#contact-nom-label{
	position:absolute;
	width:50px;
	height:15px;
	top:55px;
	left:216px;
	text-align:right;
	visibility: visible;
	}
#contact-nom{
	position:absolute;
	width:240px;
	height:25px;
	top:51px;
	left:275px !Important;
	visibility: visible;
	}

#contact-telephone-label{
	position:absolute;
	width:50px;
	height:15px;
	top:81px;
	left:40px;
	text-align:right;
	visibility: visible;
	}
#contact-telephone{
	position:absolute;
	width:120px;
	height:25px;
	top:78px;
	left:96px;
	visibility: visible;
	}
#contact-email-label{
	position:absolute;
	width:52px;
	height:15px;
	top:81px;
	left:216px;
	text-align:right;
	visibility: visible;
	}
#contact-email{
	position:absolute;
	width:240px;
	height:25px;
	top:78px;
	left:275px !Important;
	visibility: visible;
	}
#contact-address-label{
	position:absolute;
	width:50px;
	height:15px;
	top:108px;
	left:40px;
	text-align:right;
	visibility: visible;
	}	
#contact-address{
	position:absolute;
	width:223px;
	height:25px;
	top:105px;
	left:96px;
	visibility: visible;
	}

#contact-ville-label{
	position:absolute;
	width:34px;
	height:15px;
	top:109px;
	left:324px;
	text-align:right;
	visibility: visible;
	}		
#contact-ville{
	position:absolute;
	width:150px;
	height:25px;
	top:106px;
	left:364px !Important;
	visibility: visible;
	}

#contact-cap-label{
	position:absolute;
	width:66px;
	height:15px;
	top:137px;
	left:370px;
	text-align:left;
	visibility: visible;
	}	
#contact-cap{
	position:absolute;
	width:72px;
	height:25px;
	top:133px;
	left:441px;
	visibility: visible;
	}

#contact-pays-label{
	position:absolute;
	width:32px;
	height:15px;
	top:163px;
	left:370px;
	text-align:left;
	visibility: visible;
	}			
#contact-pays{
	position:absolute;
	width:106px;
	height:25px;
	top:160px;
	left:408px !Important;
	visibility: visible;
	}
#contact-comment{
	position:absolute;
	width:312px;
	height:98px;
	top:140px;
	left:49px;
	visibility: visible;
}

#contact-send{
	position:absolute;
	width:88px;
	height:20px;
	top:215px;
	left:426px!Important;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align:right;
	font-weight:100;
	color:#FFFFFF;
	visibility: visible;
} 

#contact-confirmation-text{
	position:absolute;
	left:54px;
	top:12px;
	width:483px;
	height:172px;
	text-align:justify;
	font-family:"Futura Lt", sans-serif;
	font-size:10.5pt;
}