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

@font-face { 
font-family : MyRockwell;
src: url(../font/rock.ttf);
}

@font-face {
	font-family: MyRockwell;
	font-weight: bold;
	src: url(../font/rockb.ttf);
}

body {
	background:url(../images/bck.jpg) center top no-repeat;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}

	
h1 {
	color:#FFFFFF;
	font-size:65px;
	background-color:#5e8bb1;
	float:left;
	padding:2px;
	font-family:MyRockwell, Helvetica, "Times New Roman", Times, serif;
	}
	
h2 {
	color:#FFFFFF;
	font-size:45px;
	background-color:#5e8bb1;
	float:left;
	height:52px;
	padding:2px;
	clear:both;
	font-family:MyRockwell, Helvetica, "Times New Roman", Times, serif;
	}
	
h3 {
	color:#FFFFFF;
	font-size:25px;
	background-color:#FC5F96;
	float:left;
	padding:2px;
	clear:both;
	margin-bottom:10px;
	font-family:MyRockwell, Helvetica, "Times New Roman", Times, serif;
	}

#header {	
	height:747px;
	width:100%
	}
	
	.logo {
		margin-top:42px;
		margin-bottom:90px;
		border:0;
		}
		
	#share{
		float:right;
		height:24px;
		opacity:0.2;
		background-color:#FFF;
	}
	
	#share:hover{
		opacity:1;
	}
		
	#menu {
		float:right;
		}
		
	#menu a{
		color:#ffffff;
		text-decoration:none;	
		margin-left:30px;
		font-size:14px;	
		line-height:24px;
		width:240px		
		}
		
	#menu a:hover{
			text-decoration:underline;	
		}
		
		#btntop2, #btntop3 {
			display:block;
			float:left;
			width:28px;
			height:27px;
			margin-right:10px;
			background:url(../images/top.jpg) left top no-repeat;
			}
	
	.contener {
		width:960px;
		margin:0 auto;
		}
		
	#carouselCont {
		border:10px solid #FFFFFF;
		width:630px;
		height:380px;
		overflow:hidden;
		float:left;
		}
			
	#infoCont {
		height:400px;
		width:260px;
		overflow:hidden;
		position:relative;
		top:0;
		left:0;
		float:right;
		color:#FFFFFF;
		text-shadow:#000000 1px 1px 1px;
		background:url(../images/cadreInfo.png) left top no-repeat;
		font-family:MyRockwell, Helvetica, "Times New Roman", Times, serif;
		}
		
	.titre_showcase {
		clear:both;
		text-shadow:none;
		font-size:28px;
		background-color:#5E8BB1;
		padding:2px;
		float:left;
		margin:15px 0 10px 0;
		}
		
	#shwocas-nav {
		float:left;
		margin:155px 0 0 11px;
		}
		
	#shwocas-nav2, #shwocas-nav3 {
		float:right;
		width:102px;
		height:54px;
		margin-bottom:30px
		} 
			
		#shwocas-nav2 li, #shwocas-nav3 li {
			display:inline;
			}	
			
		#shwocas-nav li.prev a {
			display:block;
			background:url(../images/prev.jpg) left top no-repeat;
			height:27px;
			width:27px;
			}
			
		#shwocas-nav li.next a {
			display:block;
			background:url(../images/next.jpg) left top no-repeat;
			height:27px;
			width:27px;
			margin-bottom:10px;
			}
			
		#shwocas-nav li.pause a {
			display:block;
			background:url(../images/playPause.jpg) left top no-repeat;
			height:27px;
			width:27px;
			margin-bottom:10px;
			}
			
		#shwocas-nav li.play a {
			display:block;
			background:url(../images/playPause.jpg) left bottom no-repeat;
			height:27px;
			width:27px;
			margin-bottom:10px;
		}
			
		#shwocas-nav2 li.prev a, #shwocas-nav3 li.prev a {
			display:block;
			background:url(../images/prev.jpg) left top no-repeat;
			height:27px;
			width:27px;
			float:left;
			margin-right:10px;
			}
			
			#shwocas-nav2 li.next a, #shwocas-nav3 li.next a {
			display:block;
			background:url(../images/next.jpg) left top no-repeat;
			height:27px;
			width:27px;
			float:left;
			}
	
	#infoCont li {
		height:400px!important;
		width:240px!important;
		
		}
		
		.contInfoAll {
			height:380px;
			width:240px;
		}
				
		#infoCarousel {
			height:380px!important;
			width:240px;
			position:absolute;
			top:10px;
			left:10px !important;
			}
		
	.softG {
		float:left;
		}
		
	.softD {
		float:right;
		}
		
	.plus {
		color:#FFFFFF;
		font-weight:bolder;
		font-size:100px;
		line-height:80px;
		width:80px;
		text-align:center;
		display:block;
		float:left;
		}
		
	.topInfo {
		}
		
	.info {
		margin:0 0 20px 0;
		color:#FFFFFF;
		clear:both;
		font-size:26px;
		height:160px;
		}
		
	.share {
		color:#FFFFFF;
		text-shadow:#000000 1px 1px 1px;
		font-size:40px;
		float:left;
		text-decoration:none;
		}
		
		.plusShare {
			display:block;
			float:left;
			font-size:15px;
			}
			
		#twitter {
			float:left;
			background-opacity:0.4;
			width:70px;
			margin:4px 2px 0 5px;
			}
			
		#facebook {
			float:left;
			margin:3px 8px 0 0;
			}
		
		#delicious {
			float:left;
			margin:2px 8px 0 0;
			}	
			
			
	#content {
		margin-top:100px;
		}
		
	.sep {
		clear:both;
		background-color:#FFFFFF;
		height:10px;
		width:100%;
		margin-bottom:10px;
		}
		
	#graphicsCarouselCont, #photographyCarouselCont {
		height:596px;
		overflow:hidden;
		}
	#graphicsCarousel li, #photographyCarousel li {
		float:left;
		width:960px;
		height:596px;
		}
		
	.falotGraphikCarousel {
		margin:0 15px 16px 0;
		float:left;
		}
		
	.info_img {
		height:31px;
		padding-left:5px;
		margin-top:4px;
		}
		
		.info_img .title {
			color:#fff;
			font-size:16px;
			font-weight:bold;
			}
			
		.LinkCar {
			color:#fff;
			font-size:16px;
			font-weight:bold;
			text-decoration:none;
			}
			
		.LinkCar:hover {
			text-decoration:underline;
			}
			
		.info_img .desc{
			color:#5d0f89;
			font-size:12px
			}
			
		.info_img .soft {
			color:#4F3B18;
			font-size:12px;
			font-style:italic;
			}
			
		.falotGraphikCarouselNoMargin {
			float:left;
			}
			
		#footer {
			margin-top:30px;
			height:500px;
			color:#fff;
			font-size:14px;
			}
			
		.bloc {
			width:310px;
			float:left;
			margin-right:15px;
			}
			
		.bloc2 {
			width:310px;
			float:left;
			}
			
		#aboutMe {
			clear:both;
			height:210px;
			text-align:justify;
			}
			
			#me {
				float:left; 
				margin-right:10px;
			}
			
			#me2 {
				display:none;
				}

			
		#contact {
			width:310px;
			}
			
			#formu {
		margin-top:10px;
		}
		
		#Contact_Text {
			font-size:14px;
			color:#5E8BB1;
			}

		#Name, #Email, #Message {
			padding:2px 0 5px 0;
			margin:4px 0px;
			height:45px;
			vertical-align:middle;
		}
	
			#Field_Name, #Field_Email, #Field_Message {
			width:302px;
			background:url(../images/bck_field.jpg) left top no-repeat;
			border:none;
			color:#000;
			padding:4px;
			margin-left:4px;
			margin-top:4px;
			border:solid #685C84 1px;
			float:right;
			}
			
			
		#phone {
			display:none; /* Haha Fucking Spammers ! */
			}
			
		.Button {
			background:#fff;
			color:#000;
			padding:2px 5px 2px 5px;;
			text-align:center;
			border:0;
			}
			
		.Button:hover {
			background-color:#FC5F96;
			color:#fff;
		}
		
		.red {
			color:#FC5F96;
		}
		
		.legend {
			font-style:italic;
			font-size:12px;
			float:right;
		}
		
		#error {
			margin-top:20px;
			width:100%;
			padding:4px 0 4px 4px;
			background-color:#FF0000;
			color:#000000;
			font-weight:bold;
			font-size:16px;
		}
		
		#response {
			margin-top:10px;
			width:100%;
			padding:4px;
			background-color:#ffffff;
			color:#000000;
			font-weight:bold;
			font-size:16px;
		}
		
		#skillsUL {
			clear:both;
			margin-bottom:30px;
			 }
			
			#skillsUL li{
			list-style-type:none;
			border-bottom:1px dotted #e8eece;	
			position:relative;
			margin-bottom:4px;
		}
		
		
		#skillsUL .soft {
			top:3px;
			display:inline;
			padding-right:5px;
		}
		
		#skillsUL .value{
			position:absolute;
			right:0;
			top:0px;
			padding-left:5px;
		}
		
		#linksBottom {
			clear:both;
			color:#ABAF99;
			}
			
		#linksBottom a{
			color:#FC5F96;
			}
			
		.LinksLi {
			height:25px;
			}
		
		#tweet {
			clear:both;
			}
			
			#tweet a {
			color:#FC5F96;
				}
				
			.tweetTime {
				font-size:12px;
				margin:5px 0 10px 0;
				color:#4F3B18;
				}
				
	#pop a{
		color:#FFFFFF;
		margin-top:15px;
		}