@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);
}
	
h2 {
	color:#FFFFFF;
	font-size:45px;
	float:left;
	height:52px;
	padding:2px;
	clear:both;
	font-family:MyRockwell, Helvetica, "Times New Roman", Times, serif;
	}
	
h3 {
	color:#FFFFFF;
	font-size:25px;
	float:left;
	padding:2px;
	clear:both;
	margin-bottom:10px;
	font-family:MyRockwell, Helvetica, "Times New Roman", Times, serif;
	}


		
	#carouselCont {
		border:10px solid #fbbd12;
		width:277px;
		height:214px;
		overflow:hidden;
		float:left;
		}
			
	#infoCont {
		height:235px;
		width:360px;
		overflow:hidden;
		position:relative;
		top:0;
		left:20px;
		float:left;
		color:#FFFFFF;
		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:23px;
		padding:2px;
		float:left;
		color:#fff;
		margin:10px 0 10px 0;
		}
		
	#shwocas-nav {
		float:left;
		margin:70px 0 0 20px;
		}
		
	#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:214px!important;	
		}
		
		.contInfoAll {
			height:380px;
			width:340px;
		}
				
		#infoCarousel {
			height:380px!important;
			width:340px;
			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:90px;
		text-align:center;
		display:block;
		float:left;
		}
		
	.topInfo {
		}
		
	.info {
		margin:0 0 20px 5px;
		color:#FFFFFF;
		clear:both;
		font-size:14px;
		width:330px;
		}
		
	.share {
		color:#FFFFFF;
		text-shadow:2px 1px 6px #333;
		font-size:20px;
		margin-right:5px;
		float:right;
		font-family:"Myriad Pro",Arial,Helvetica,sans-serif;
		text-transform:uppercase;
		text-decoration:none;
		}
		
		.plusShare {
			display:block;
			float:right;
			font-size:15px;
			}
			
		.TweetShare {
			display:block;
			height:20px;
			width:20px;
			background:url(../images/twitter_icon.jpg) left top no-repeat;
			float:left;
			margin:10px 5px 0 15px;
			}
			
		.FacebookShare {
			display:block;
			height:20px;
			width:20px;
			background:url(../images/facebook_icon.jpg) left top no-repeat;
			float:left;
			margin:10px 5px 0 0;
			}
		
		.DeliciousShare {
			display:block;
			height:20px;
			width:20px;
			background:url(../images/delicious_icon.jpg) left top no-repeat;
			float:left;
			margin-top:10px;
			}	
			

		
	.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;
				}