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

body
{
	text-align:left;
	background-color: #000;
	margin-top: 0;
	color: black;
	font: 11px "Helvetica Neue", Arial, Helvetica;
	padding: 0;
}

/* On définit les marges haute et basse à 10px et les marges droite et gauche à 0 */
/* On met le padding à 0 pour le navigateur Opera qui définit des padding par défaut pour le body */
/* On utilise text-align: center ; pour Internet Explorer, 
c'est la seule façon de centrer les éléments de type block avec ce navigateur */

div#principal {
	position:absolute;
	left: 40%;
	width: 943px;
	height : 774px;
	margin-left: -387px;
	margin-top: -145px;
	z-index:0;
	background: url(images/principal_back.png) no-repeat;
	background-image: url(images/principal_back.png);
}
/*CLASS TYPO */
.typo_menu {
	width: 103px;
	height : 20px;
	text-align: center;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: large;
	font-weight: bold;
}

.typo_rose {
	color:#e2007a;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

.typo_bleu {
	color:#00aad2;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

.typo_jaune {
	color:#ffff00;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

.typo_blanc {
	color:white;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

.typo_rose_big {
	color:#e2007a;
	font-size: large;
	font-weight: bold;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

.typo_bleu_big {
	color:#00aad2;
	font-size: large;
	font-weight: bold;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

.typo_jaune_big {
	color:#ffff00;
	font-size: large;
	font-weight: bold;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

.typo_blanc_big {
	color:white;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: large;
	font-weight: bold;
}

.typo_blanc_xxl {
	color:white;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: xx-large;
	font-weight: bold;
}

.typo_rose_xxl {
	color:#e2007a;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: xx-large;
	font-weight: bold;
}

.typo_bleu_xxl {
	color:#00aad2;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: xx-large;
	font-weight: bold;
}

.typo_jaune_xxl {
	color:#ffff00;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: xx-large;
	font-weight: bold;
}

.typo_gris {
	color:#333;
	width: 103px;
	height : 20px;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

.typo_portrait_xxl {
	color:white;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size:large;
	font-weight: bold;
	background-color: #00aad2;
}

.typo_news_xxl {
	color:white;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size:large;
	font-weight: bold;
	background-color: #e2007a;
}

.typo_links_xxl {
	color:#666;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size:large;
	font-weight: bold;
	background-color: #333;
}

/*HOME*/
div#home {
	position:absolute;
	margin-top:4px;
	margin-left:110px;
	text-align: center;
	font: bold large "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #ffff00;
}
#home a{
	color: white;
	text-decoration: none;
}

#home a:hover{
	background: #e2007a;
	text-decoration: none;
	color: black;
}
/*WORKS*/
div#works {
	position:absolute;
	color: #ffff00;
	margin-left:223px;
	margin-top:4px;
}
#works a{
	color: white;
	text-decoration: none;
}

#works a:hover{
	background: #e2007a;
	text-decoration: none;
	color: black;
}
/*CONTACT*/
div#contact {
	position:absolute;
	margin-left: 340px;
	margin-top:4px;
	color: #00aad2;
}
#contact a{
	color: white;
	text-decoration: none;
}

#contact a:hover{
	background: #00aad2;
	text-decoration: none;
	color: black;
}

/*LOGO LTR ARTWORK*/
div#logo {
	position:absolute;
	width: 225px;
	height : 176px;
	margin-left: 64px;
	margin-top: 185px;
}


div#cv {
	position:absolute;
	width: 640px;
	height :803px;
	margin-left: 152px;
	margin-top: 360px;
}

div#id {
	position:absolute;
	width: 96px;
	height :142x;
	margin-left: 300px;
	margin-top: 188px;
}

/*social deb-----------------------------------------------------------------------------------------*/
div#behance {
	position:absolute;
	width: 171px;
	height :61x;
	margin-left: 400px;
	margin-top: 270px;
}
div#flickr {
	position:absolute;
	width: 114px;
	height :39px;
	margin-left: 575px;
	margin-top: 290px;
}
div#twit {
	height: 161px;
	width: 400px;
	position : absolute;
	margin-left : 525px;
	margin-top:90px;
}

div#skype {
	width:97px;
	height:23px;
	position : absolute;
	margin-top: 297px;
	margin-left : 695px;
	top: 7px;
}
/*social FIN-----------------------------------------------------------------------------------------*/

div#feeds {
	position:absolute;
	height: 28px;
	width : 28px;
	margin-top:1px;
	margin-left:470px;
}

div#version {
	position:absolute;
	width: 150px;
	height : 15px;
	margin-left: 220px;
	margin-top: 340px;
}


/*VOICI LE MENU PRINCIPAL NUMEROTÉ 2 MALGRÉ LUI LOL!!*/
div#menu2 {
	position:absolute;
	width: 503px;
	height : 31px;
	margin-left: 288px;
	margin-top: 329px;
	background-image:url(images/fond_menu2.jpg);
}


div#nom {
	position:absolute;
	width: 640px;
	height : 16px;
	margin-left: 152px;
	margin-top: 360px;
	z-index:2000;
}

div#workspage {
	position:absolute;
	width: 640px;
	margin-left: 152px;
	margin-top: 360px;
}

div#portrait {
	position:absolute;
	width: 640px;
	height :468px;
	margin-left: 152px;
	margin-top: 360px;
}


div#portrait_bla {
	color: white;
	text-decoration: none;
	position:absolute;
	width: 250px;
	height : 400px;
	margin-left: 172px;
	margin-top: 390px;
	z-index:1000;
}

div#portrait_bla_back {
	color: white;
	background:black;
	text-decoration: none;
	position:absolute;
	width: 255px;
	height : 400px;
	margin-left: 169px;
	margin-top: 390px;
	z-index:999;
	opacity : 0.5;
	filter : alpha(opacity=50); 
}

#portrait_bla a{
	color: black;
	text-decoration: none;
	background: #00aad2;
}

#portrait_bla a:hover{
	background: #e2007a;
	text-decoration: none;
	color: white;
}

div#mail {
	position:absolute;
	width: 202px;
	height :200px;
	margin-left: 152px;
	margin-top: 376px;
	color: white;
}

* {margin:0; padding:0}
.sm {list-style:none; width: 640px; height: 400px; display:block; overflow:hidden}
.sm li {float:left; display:inline; overflow:hidden}

div#comm_works {
	position:absolute;
	margin-left: 152px;
	margin-top: 360px;
}

#comm_works a {
	opacity : 0.8;
	filter : alpha(opacity=80); 
}

#comm_works a:hover {
	text-decoration: none;
	opacity : 1;
	filter : alpha(opacity=100);
	width:100%;
}

div#pers_works {
	position:absolute;
	width:640px
	margin-left: 152px;
	margin-top: 380px;
}

div#contact_page {
	position:absolute;
	width:640px;
	height:468px;
	margin-left: 152px;
	margin-top: 360px;
	background-image: url(images/contact.jpg);
}

div#contact_page_bla {
	position:absolute;
	width:300px;
	height:150px;
	margin-left: 165px;
	margin-top: 550px;
}

div#contact_page_bla_back {
	background-color:black;
	position:absolute;
	width:310px;
	height:150px;
	margin-left: 160px;
	margin-top: 548px;
	opacity : 0.5;
	filter : alpha(opacity=50);
}

div#news {
	color:white;
	text-decoration:none;
	position:absolute;
	width: 640px;
	height : 75px;
	margin-left: 152px;
	margin-top: 828px;
}

#news a {
	text-decoration: none;
	opacity : 0.8;
	filter : alpha(opacity=80); 
}

#news a:hover {
	text-decoration: none;
	opacity : 1;
	filter : alpha(opacity=100);
	width:100%;
}

div#news_bla {
	position:absolute;
	width: 600px;
	height : 28px;
	margin-left: 152px;
	margin-top: 860px;
	left: 20px;
	z-index:1000;
}

div#news_bla_back {
	position:absolute;
	width: 600px;
	height : 28px;
	margin-top: 860px;
	margin-left: 169px;
	background-color:black;
	opacity : 0.5;
	filter : alpha(opacity=50); 
}


#news_bla a{
	color: black;
	text-decoration: none;
	background: #e2007a;
}

#news_bla a:hover{
	background: #00aad2;
	text-decoration: none;
	color: white;
}


div#links {
	position:absolute;
	width: 640px;
	height : 75px;
	margin-left: 152px;
	margin-top: 1064px;
}

#links a{
	text-decoration: none;
	opacity : 0.5;
	filter : alpha(opacity=50); 
}

#links a:hover{
	background-color:black;
	opacity : 1;
	filter : alpha(opacity=100); 
	text-decoration: none;
	width:100%;
}

div#porto {
	position:absolute;
	width:640px;
	height:468px;
	margin-left: 152px;
	margin-top: 360px;
}