@font-face {
    font-family: 'JohnstonITC';
    src: url('johnsitclig-webfont.eot');
    src: url('johnsitclig-webfont.eot?iefix') format('eot'),
         url('johnsitclig-webfont.woff') format('woff'),
         url('johnsitclig-webfont.ttf') format('truetype'),
         url('johnsitclig-webfont.svg#webfontVsJ4Eoie') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'JohnstonITC';
    src: url('johnsitcmed-webfont.eot');
    src: url('johnsitcmed-webfont.eot?iefix') format('eot'),
         url('johnsitcmed-webfont.woff') format('woff'),
         url('johnsitcmed-webfont.ttf') format('truetype'),
         url('johnsitcmed-webfont.svg#webfontyGcFHmQZ') format('svg');
    font-weight:bold;
    font-style:normal

}

body{font-family: 'JohnstonITC', Helvetica, Arial, sans-serif ;

letter-spacing:0.04em;}
					
*, html{
	font-family: 'JohnstonITC';
	       font-weight: normal;
	font-size:13px;
	color:#000;
background:#FFF;
	
	}
a{
	color:#000;
	font-size:18px;
	text-decoration:none;
	
	}
a:hover{
	text-decoration:underline;
	}
#header a:hover{
	text-decoration:none;
	}

#page{
		width:900px;
		position:absolute;
		left:50%;
		margin-left:-450px;	
		
		}
h2, h3{
display:inline;
}		
#header{
width:900px;
margin-bottom:50px;
 top: 0px;
    left: 0px;
    position: absolute;	

	}
#headerMargin{
height:200px;
	
	}
h1{margin-top:40px;}
#menuWork{
	position:absolute;
	right:0;
	top:120px}
#menuWork li{
	display:inline;
	margin-left:22px;
	}
	
	
.menuOver ul{

position:absolute;
z-index:35;
text-align:left;

padding-top:5px;
padding-bottom:30px;
	}
#menuWork .menuOver li{

margin-left:22px;
margin-top:5px;	
display:block;

}
.menuOver ul a{
	color:#000;
	font-size:14px;
	text-decoration:none;
	}
.menuOver ul a:hover{
	text-decoration:underline;
	}
	
#menuinfo{
	position:absolute;
	top:10px;
	right:0px;
	font-size:10px;
	}
#menuinfo a{
font-size:13px;}
#menuinfo li{
	display:inline; 
	margin-left:15px;}
#homeMenuImg {
	}
	
#homeMenuImg li{
		display:block;
		float:left;
		margin-right:15px;
		margin-bottom:15px;
	}
#homeMenuImg {
	width:915px;
	}
	
#gallerieImg img{
	
	/*max-width:595px;*/
	max-width:900px;
	max-height:595px;

	}
#homeMenuImg  img{

	}
.overlayText{
	position:absolute;
}


.overlayText span {  
position:relative;
display:block;
width:270px;
height:90px;
top:180px;
left:0;
   background: rgb(256, 256, 2560); /* fallback color */
   background: rgba(256, 256, 256, 0.85);
   padding:10px;
   font-size:18px;

}
#textGallerieClic, #caption{
	width:600px;
	margin-top:20px;
	font-size:15px;
	line-height:1.2em;
	}
	
#textGallerieLateral p{
	width:600px;
	margin-top:20px;
	font-size:15px;
	line-height:1.2em;
	}
#next2IMG{
	cursor:w-resize;
	}
#prev2IMG{
	cursor:e-resize;
}
	
#nav{
		margin-top:10px;
		}
#nav p{
	
	cursor:pointer;
	display:inline;
	}
#next2, #pager{
	margin-left:15px;
	}
#pager a.activeSlide {text-decoration:underline; }
#pager{

	}
#pager a{
	font-size:14px;
	padding:0 5px 0 5px;
	
	}
	
#slidelateral img {
	padding-left:10px;
	float:left;
	}
#slidelateral p, #slidelateral div {
	float:left;
	padding-right:10px;
	}

#slidelateral{
	width:3000px;

	}
#content{
width:900px:
	}
.textIntroProjetlateral{
	width:350px;
	height:600px;
	font-size:15px;
	line-height:1.2em;
	
	}