@font-face
{
    #font-family: Helvetica;
    #src: url(../fonts/Helvetica.ttf);
}

	*{
		padding:0px;
		border:0px;
		margin:0px;
		font-family:'Arial', sans-serif;
		color:#000;
	}

	html, body{
		height: 100%;
		background-image:url('images/motif3.gif');
		background-position:bottom; 
	} 
	.inter{
		position:absolute;
		top:290px;
		z-index:6;
		display:none;
	} 
	.o {
		width:20px;
		height:20px;
		display:block;
		background-image:url('images/pill.gif');
	} 
	.page{
		display:inline-block;
		width:800px;
		height:600px;
		background-color:#fff;
		margin:3px;
		overflow:hidden;
		position:relative;
		box-shadow: 1px 1px 1px #DDD;
	}
	.big_title {
		font-size:28px;
		#font-weight:bold;
		#font-family:"Helvetica";
	}	
	.big_title_legend {
		font-size:22px;
		color:#ccd;
	}	
	.big_title_legend_mirror {
		font-size:22px;
		color:#999;
		text-decoration:none;
		transform: scale(-1, 1);
	}	
	.mirror {
		transform: scale(-1, 1);
	}	
	.title {
		font-size:12px;
		font-style:italic;
		font-weight:bold;
	}	
	.title_legend {
		font-size:11px;
		font-style:italic;
	}	
	.txt,.txtd {
		font-size:11px;
		text-align:justify;
		line-height:13px;
	}	
	.photo{
		display:block;
		position:absolute;
		overflow:hidden;
		background-size:contain;
	}	
	.photo_legend{
		display:block;
		width:100%;
		height:15px;
		font-size:10px;
		position:absolute;
		bottom:0px;
		overflow:hidden;
		opacity:0.6;
		background-color:#000;
		color:#fff;
		text-align:right;
	}	
	.photo_legend s, .photo_legend b,.photo_legend i{
		color:#fff;
	}	
	.caro {
		color:#111;
		font-size:20px;
		left:23px;
		position:absolute;
		text-decoration:none;
		text-shadow:-2px -2px 1px  #FFF, 2px -2px 1px  #FFF, -2px 2px 1px  #FFF, 2px 2px 1px  #FFF;
		top:10px;
	}	
	#lgNav {
		position:absolute;
		right:50px;
		top:15px;
	}	
	.lg {
		color:#111;
		font-size:11px;
		padding:2px;
		text-decoration:none;
		display:inline-block;
		background-image:url('images/blur2.png');
	}	
	#pire {
		position:absolute;
		right:10px;
		top:15px;
	}	
	.link{
		position:absolute;
		top:5px;
		left:10px;
		z-index:7;
	}	
	.link img{
		border:0;
	}
	.scrollbar {
		margin: 0 0 1em 0;
		height: 3px;
		background: #ccc;
		line-height: 0;
	}
	.scrollbar .handle {
		width: 100px;
		height: 100%;
		background: #57C;
		cursor: pointer;
	} 
	.handle:hover {
		background: #222;
	}
	.scrollbar .handle .mousearea {
		position: absolute;
		top: -20px;
		left: 0;
		width: 100%;
		height: 40px;
	}
	input {
		height:30px;
	}
	input#website{/*honeypot*/
		display:none;
		width:0;
	}
	input, textarea {
		-moz-border-radius:3px 3px 3px 3px;
		background-color:#fff;
		border:1px solid #666;
		color:#666;
		display:block;
		padding-left:10px;
		padding-right:10px;
		width:90%;
	}
	.button {
		background-color:#fff;
		border:1px solid #222;
		color:#222;
		font-size:22px;
		font-weight:bold;
		-moz-border-radius:3px 3px 3px 3px;
		-moz-box-shadow:0 0 2px #222 inset;
		display:inline-block;
		padding:8px 12px;
		text-decoration:none;
	}
	#contact{
		width:320px;
		height:340px;
		position:absolute;
		left:50%;
		top:50%;
		margin:-135px 0 0 -160px;
		z-index:9;
		background-color:#f9f9f9;
		border:solid 3px #222;
		display:none;
		padding:5px;
		color:#666;
		background-image:url('images/motif2.gif');
	}
	#expo{
		width:567px;
		height:247px;
		position:absolute;
		left:50%;
		top:50%;
		margin: -50px 0 0 -400px;
		z-index:8;
		background-color:#f9f9f9;
		border:solid 3px #000;
		display:none;
		ppadding:5px;
		color:#fff;
		background-image:url('images/virtuacite2015.gif');
	}