@font-face {
	font-family: 'NewRegular';
	src: local('NewRegular'), local('MyriadPro-SemiCn'), url('MyriadPro-SemiCn.ttf') format('truetype');
}



body {
	margin-top: 20px;
	padding: 0;
	background: white;
	font-family: "NewRegular", "Times New Roman", Times, serif;
	font-size: 18px;
	color: #222;
}

h1, h2, h3 {
	margin: 0;
	font-family: "NewRegular", "Times New Roman", Times, serif;
	font-weight: normal;
	color: #333;
}

h1 { font-size: 44px;
padding-top:30px;
text-align:center;}

h2 { font-size: 30px; 
padding-top:30px;
text-align:center;}

h3 {font-size: 15px; 

text-align:center;} 

a{
	color:#555;
	text-decoration:none;
}

a:hover { color:black;
text-decoration: none; }

a img {
	border: none;
}
#wrapper{
	width: 1323px;
	height: 735px;
	margin: 0 auto;
	background: #FFFFFF url(images/back.jpg) no-repeat;
	z-index:100;
	
}
#header{
	width: 615px;
	height: 100px;
	margin: 0 auto;
	background: url(images/masslegeek.png) no-repeat bottom;
	
}
#content{
	margin: 0 auto;
	width:948px;
	padding-top:40px;
	
	
	

}
#include{
	min-height:590px;
	z-index:-1;
}
#include.music{
	background:url(images/music.png) no-repeat;
}
#include.cv{
	background:url(images/cv.png) no-repeat;
}
#include.home{
	background:url(images/home.jpg) no-repeat;
}
#include.contact{
	background:url(images/contact.png) no-repeat;
}
#include.portfolio{
	background:url(images/portfolio.jpg) no-repeat;
}
#text {
	padding-left:80px;
	padding-right:10px;
	max-height:600px;
	overflow:hidden;
	
}
#text h2{
	position:relative;
	right:20px;
}
#page {
	margin: 0 auto;
}

#dock a.selected{
	background:url(images/point.jpg) no-repeat center left;
}

#dock {position:absolute; top:120px; display:none; padding-left:5px;}
/*dock styling...*/
/*...set the cursor...*/
#dock div.jqDock {cursor:pointer;}
div.jqDockLabel {font-weight:bold; font-size:20px; white-space:nowrap; color:black; cursor:pointer;}



#footer p {
	margin: 0;
	padding: 20px 0;
	text-align: center;
	line-height: normal;
	color: #FFFFFF;
}

#footer a {
	color: #B03336;
}

/* example style sheet */

#contactform{
	font:12px/1.3 "NewRegular", Arial, Sans-serif;
	color:#333;
	position:relative;
	left: 60px;
	width:350px;
	float:left;
	z-index: 0;
}

#contactform fieldset{
	border:0;
}

#contactform legend{ 
	font-size: 30px; 
	
	padding-left:5px;
	margin:0 0 10px -5px;
	padding-top:30px;
}


#contactform .form-slider{
	padding:0 0 10px;
}

#contactform label{
	color:#777;
}

#contactform input[type="text"],
#contactform input[type="email"],
#contactform input[type="url"],
#contactform textarea{
	display:block;
	font-size:12px;
	border:1px solid #777;
	padding:5px;
	-moz-border-radius:2px;
	border-radius:2px;
	opacity : 0.7; 
    filter : alpha(opacity=70);
	width:265px;
	margin-top:10px;
}

#contactform textarea{
	letter-spacing:.06em;font-family:inherit;
}

#contactform input[type="text"]:focus,
#contactform input[type="email"]:focus,
#contactform input[type="url"]:focus,
#contactform textarea:focus{
	border-color:#666;background:#fffcdf;
	opacity : 0.7; 
    filter : alpha(opacity=70);
}

#contactform input[type="submit"]{
	-moz-box-shadow:inset 1px -1px 0 rgba(255,255,255,.4);
	-webkit-box-shadow:inset 1px -1px 0 rgba(255,255,255,.4);
	box-shadow:inset 1px -1px 0 rgba(255,255,255,.4);
	line-height:30px;
	text-align:center;
	border:1px solid #999;
	margin:0 0 30px;
	-moz-border-radius:2px;
	border-radius:2px;
	-webkit-border-radius:2px;
	background:-webkit-gradient(linear,left bottom,left top,color-stop(0, #777),color-stop(0.99, #999));
	background:-moz-linear-gradient(center bottom,#777 0%,#999 99%);
	text-shadow:0 1px 0 #111;
	color:#fff;
	padding:5px;
	font-size:16px;
	cursor:pointer;
}

#contactform input[type="submit"]:hover{
	color:#ccc;
}

#contactform input[type="submit"]:active{
	color:#333;
	text-shadow:0 1px 0 #fff;
}

#social h2{
	text-align:left;
	padding-left:25px;
}
#social{
	float:right;
	width: 350px;
	margin-right: 50px;
}

#social a{
	display: inline-block;
	padding:10px 20px 10px 20px;
}



#social a:hover, #social a:focus{
	-moz-transform: rotate(5deg); 
    -webkit-transform: rotate(5deg);
  transform: rotate(5deg);
}

#pres{
	color:#333;
	text-align:center;
	width:822px;
	float:left;
	
}
#accueil_img{
	width:430px;
	margin:auto;
	clear:both;
}

p#col_left{
	width:400px;
	float:left;
	text-align: justify;
}
p#col_right{
	width:400px;
	float:right;
	text-align: justify;
}

.home_icon
{
	margin-right:11px;
	margin-left:11px;
}
span{
		 -moz-text-shadow: 1px 1px 5px #BBB; 
 	 -webkit-text-shadow: 1px 1px 5px #BBB; 
 	 text-shadow: 1px 1px 5px #BBB;
	color:#777;
	font:large;
}

.dumbCrossFade{
				float : right;
				margin-top:25px;
				margin-right:40px;
				width:360px;
				height:200px;
				display:block;
				cursor:pointer;
				
				position:relative;
				overflow:hidden;
			}

.dumbCrossFade .dumbItem{
				display:none;
				position:absolute;
				top:0;
				left:0;
				
			}
.dumbCrossFade2{
				float : right;
				margin-top:25px;
				margin-right:40px;
				width:360px;
				height:200px;
				display:block;
				cursor:pointer;
				
				position:relative;
				overflow:hidden;
			}

.dumbCrossFade2 .dumbItem{
				display:none;
				position:absolute;
				top:0;
				left:0;
				
			}



/* Gallery styles */