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

/* Typographie, Mise en Page */
/* Titre */
H1{
	font-family:"Arial Black", Gadget, sans-serif;
	font-size:18px;
	margin:0px;
	padding:0px;
}
/* Sous-titre */
H2{
	font-family:"Arial Black", Gadget, sans-serif;
	font-size:14px;
	margin:0px;
	padding:0px;
}
/* Légende */
H3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0px;
	padding:0px;
}
H4{
}
H5{
}
H6{
}
a{
	text-decoration:none;
	color:#888;
}
a:hover{
	text-decoration:underline;
}
/* Corps de Texte italique grise */
i{ 
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
}

/* Général */
body {
	margin:0px;
	padding:0px;
	border:0px;
	background-repeat:repeat;
}
.general {
	position:relative;
	overflow:auto;
	width:5040px;
	height:2850px;
	margin:0px;
	padding:0px;
	font-family:Verdana, Geneva, sans-serif;
}

.header {
	z-index:2;
	position:fixed;
	top:0px;
	width:150px;
	height:50px;
	margin-left:20px;
}
	

.ecran {
	position:relative;
	float:left;
	width:1680px;
	height:950px;
}

.centre {
	position:relative;
	width:1040px;
	height:655px;
	margin-top:146px;
	margin-bottom:146px;
	margin-left:150px;
	padding-left:11%;
}
.centre .headercenter{
	width:1036px;
	height:30px;
}
/* Index */
 .index {
	position:relative;
	float:left;
	width:1680px;
	height:950px;
	overflow:auto;
}

.index .header2{
	position:relative;
	width:1025px;
	height:154px;
}
.index img{
	margin:-2px;
	padding:0px;
	border:0px;
} 
.indexmenu {
	position:relative;
	float:left;
	width:300px;
	height:205px;
}

/* Personnal Project */
.personnalproject {
	position:relative;
	float:left;
	width:1680px;
	height:950px;
	overflow:auto;
}

/* Personnal Work */
.personnalwork {
	position:relative;
	float:left;
	width:1680px;
	height:950px;
	overflow:auto;
}

.mosaique {
	position:relative;
	overflow:auto;
	width:750px;
	height:580px;
	margin-left:8%;
	
}
.mosaique .image{
	position:relative;
	float:left;
	width:125px;
	height:125px;
	border:#000;
	border-style:solid;
	border-width:1px;
	margin:10px;
}

/* Interactivity Design */
.interactivitydesign {
	position:relative;
	float:left;
	width:1680px;
	height:950px;
}

/* CV */
.CV {
	position:relative;
	float:left;
	width:1680px;
	height:950px;
}
.textecv {
	position:relative;
	height:auto;
	width:auto;
	margin:10px;
	padding:3px;
	border:1px;
	border-style:solid;
	border-color:#000;
	background:#FFF;
}
		/*Première Colonne */
.columncv1 {
	position:relative;
	float:left;
	width:188px;
	height:655px;
	font-family:Arial, Helvetica, sans-serif;
}
.imagecv {
	position:relative;
	width:180px;
	height:100px;
	margin-top:60px;
}
		/*Deuxième Colonne */
.columncv2 {
	position:relative;
	float:left;
	overflow:auto;
	width:433px;
	height:595px;
	margin-top:60px;
}
.columncv2 .textecv {
	position:relative;
	height:auto;
	width:auto;
	margin:10px;
	padding:3px;
	border:1px;
	border-style:solid;
	border-color:#000;
	font-family:Arial, Helvetica, sans-serif;
	background:#FFF;
}

		/*Troisième Colonne */
.columncv3 {
	position:relative;
	float:right;
	overflow:auto;
	width:412px;
	height:595px;
	margin-top:35px;
}
.columncv3 .textecv {
	position:relative;
	height:auto;
	width:auto;
	margin:10px;
	padding:3px;
	border:1px;
	border-style:solid;
	border-color:#000;
	font-family:Arial, Helvetica, sans-serif;
	background:#FFF;
}

/* Live Stream */
.livestream {
	position:relative;
	float:left;
	width:1680px;
	height:950px;
}
.twitter {
	position:relative;
	float:left;
	width:520px;
	height:110px;
	
}
.workon {
	position:relative;
	float:left;
	width:auto;
	height:110px;
	margin-left:60px;
}
.news {
	position:relative;
	width:800px;
	height:auto;
}



/* Web Design */
.webdesign {
	position:relative;
	float:left;
	width:1680px;
	height:950px;
}

/*Misc */
.miscellaneous {
	position:relative;
	float:left;
	width:1680px;
	height:950px;
}

/* Contact */
.contact {
	position:relative;
	float:left;
	width:1680px;
	height:950px;
}
.fb_share_link { 
	padding:2px 0 0 20px;
	height:16px;
	background:url(http://b.static.ak.fbcdn.net/images/share/facebook_share_icon.gif?8:26981) no-repeat top left;
}

/* School Work */
.schoolwork {
	position:relative;
	float:left;
	width:1680px;
	height:950px;
}

/* Copy Locascroll Tableau 1 : Focus On */
li {
	list-style:none;
}
#navigation, #content,.section{
	padding:0;
	margin:0;
	list-style:none;
}
#content{
	overflow:hidden;
	width:850px;
	background-color:white;
	position:relative;
	height:595px;
	float:left;
}
	#content h2{
	color:#999;
	margin:20px 0pt;
	}
	#content a{
		color:#777;
		font-weight:bolder;
		text-decoration:none;
	}
#navigation{
	float:right;
	width:170px;
	height:auto;
	background-image:url(../graphique/navigationback.png);
	background-repeat:repeat;
}
	#navigation .sup{
		margin:26px 10px;
		font-size:14px;
	}
		#navigation ul{
			margin:5px 0;
			list-style:circle;
			padding-left:15px;						
		}
		#navigation a{
			color:white;
			font-weight:bolder;
			text-decoration:none;
		}				
		#navigation .sup li{
			margin: 3px 0 !important;
			margin:-4px 0;
			font-size:10px;
		}
		#navigation a.scrolling{
			color:#933;
		}
.section{
	width:1900px;
	position:relative;
}

	.section .sub{
	position:relative;
	float:left;
	padding:9px 21px 42px 45px;
	width:700px;
	height:520px;
	color: #000;
	}
		.section .sub p{
			width:550px;
			margin:16px 0;
			font-size:85%;
			line-height:1.4em;
		}
		.section .next, .section .prev{
			font-size:18px;
			position:absolute;
			bottom:15px;
			letter-spacing:-2px;
		}
		.section .next{
			right:30px;
		}
		.section .prev{
			left:100px;
		}
/*tableau 2 Interactivity Design*/
#navigation2, #content2,.section{
	padding:0;
	margin:0;
	list-style:none;
}
#content2{
	overflow:hidden;
	width:850px;
	background-color:white;
	position:relative;
	height:595px;
	float:left;
}
	#content2 h2{
	color:#999;
	margin:20px 0pt;
	}
	#content2 a{
		color:#777;
		font-weight:bolder;
		text-decoration:none;
	}
#navigation2{
	float:right;
	width:170px;
	height:auto;
	background-image:url(../graphique/navigationback.png);
	background-repeat:repeat;
}
	#navigation2 .sup{
		margin:26px 10px;
		font-size:14px;
	}
		#navigation2 ul{
			margin:5px 0;
			list-style:circle;
			padding-left:15px;						
		}
		#navigation2 a{
			color:white;
			font-weight:bolder;
			text-decoration:none;
		}				
		#navigation2 .sup li{
			margin: 3px 0 !important;
			margin:-4px 0;
			font-size:10px;
		}
		#navigation2 a.scrolling{
			color:#933;
		}
/*tableau 3 Web Design*/
#navigation3, #content3,.section{
	padding:0;
	margin:0;
	list-style:none;
}
#content3{
	overflow:hidden;
	width:850px;
	background-color:white;
	position:relative;
	height:595px;
	float:left;
}
	#content3 h2{
		color:#999;
		margin:20px 0pt;
	}
	#content3 a{
		color:#777;
		font-weight:bolder;
		text-decoration:none;
	}
#navigation3{
	float:right;
	width:170px;
	height:auto;
	background-image:url(../graphique/navigationback.png);
	background-repeat:repeat;
}
	#navigation3 .sup{
		margin:26px 10px;
		font-size:14px;
	}
		#navigation3 ul{
			margin:5px 0;
			list-style:circle;
			padding-left:15px;						
		}
		#navigation3 a{
			color:white;
			font-weight:bolder;
			text-decoration:none;
		}				
		#navigation3 .sup li{
			margin: 3px 0 !important;
			margin:-4px 0;
			font-size:10px;
		}
		#navigation3 a.scrolling{
			color:#933;
		}


/*tableau 4 SchoolWorks*/
#navigation4, #content4,.section{
	padding:0;
	margin:0;
	list-style:none;
}
#content4{
	overflow:hidden;
	width:850px;
	background-color:white;
	position:relative;
	height:595px;
	float:left;
}
	#content4 h2{
		color:#999;
		margin:20px 0pt;
	}
	#content4 a{
		color:#777;
		font-weight:bolder;
		text-decoration:none;
	}
#navigation4{
	float:right;
	width:170px;
	height:auto;
	background-image:url(../graphique/navigationback.png);
	background-repeat:repeat;
}
	#navigation4 .sup{
		margin:26px 10px;
		font-size:14px;
	}
		#navigation4 ul{
			margin:5px 0;
			list-style:circle;
			padding-left:15px;						
		}
		#navigation4 a{
			color:white;
			font-weight:bolder;
			text-decoration:none;
		}				
		#navigation4 .sup li{
			margin: 3px 0 !important;
			margin:-4px 0;
			font-size:10px;
		}
		#navigation4 a.scrolling{
			color:#933;
		}
/*tableau 5 Misc*/
#navigation5, #content5,.section{
	padding:0;
	margin:0;
	list-style:none;
}
#content5{
	overflow:hidden;
	width:850px;
	background-color:white;
	position:relative;
	height:595px;
	float:left;
}
	#content5 h2{
		color:#999;
		margin:20px 0pt;
	}
	#content5 a{
		color:#777;
		font-weight:bolder;
		text-decoration:none;
	}
#navigation5{
	float:right;
	width:170px;
	height:auto;
	background-image:url(../graphique/navigationback.png);
	background-repeat:repeat;
}
	#navigation5 .sup{
		margin:26px 10px;
		font-size:14px;
	}
		#navigation5 ul{
			margin:5px 0;
			list-style:circle;
			padding-left:15px;						
		}
		#navigation5 a{
			color:white;
			font-weight:bolder;
			text-decoration:none;
		}				
		#navigation5 .sup li{
			margin: 3px 0 !important;
			margin:-4px 0;
			font-size:10px;
		}
		#navigation5 a.scrolling{
			color:#933;
		}