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

/* -------------- */
/* LOGO           */
/* -------------- */
#logo_header {
	width:128px;
	height:59px;
	position:absolute;
	top:35px;
	left:0px;
	background-image:url(../images/img_logo.jpg);
}



/* -------------- */
/* GENERAL STYLES */
/* -------------- */
html {
	height: 100%;
}

body {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	height:100%;
	background-image:url(../images/img_pix_background.jpg);
	background-repeat:repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:left;
	color:#939393;
}

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

a:hover{
	text-decoration:line-through;
}

#column {
	float:left;
	width:176px;
	line-height:14px;
}

#title {
	float:left;
	width:176px;
	height:22px;
	background-image:url(../images/img_pix_onglet.jpg);
	background-repeat:repeat-x;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:10px;
	font-weight:bold;
	color:#FFFFFF;
	text-transform:uppercase;
	letter-spacing:1px;
	padding:3px 0px 0px 0px;
}

#column_big {
	float:left;
	width:572px;
	line-height:14px;
}

#title_big {
	float:left;
	width:572px;
	height:22px;
	background-image:url(../images/img_pix_onglet.jpg);
	background-repeat:repeat-x;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:10px;
	font-weight:bold;
	color:#FFFFFF;
	text-transform:uppercase;
	letter-spacing:1px;
	padding:3px 0px 0px 0px;
}

#title_big_work {
	float:left;
	width:537px;
	height:22px;
	background-image:url(../images/img_pix_onglet.jpg);
	background-repeat:repeat-x;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:10px;
	font-weight:bold;
	color:#FFFFFF;
	text-transform:uppercase;
	letter-spacing:1px;
	padding:3px 0px 0px 0px;
}

#column_big_infos {
	float:left;
	width:374px;
	line-height:14px;
}

#title_big_infos {
	float:left;
	width:374px;
	height:22px;
	background-image:url(../images/img_pix_onglet.jpg);
	background-repeat:repeat-x;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:10px;
	font-weight:bold;
	color:#FFFFFF;
	text-transform:uppercase;
	letter-spacing:1px;
	padding:3px 0px 0px 0px;
}


#black_text a {
	color:#939393;
	text-decoration:none;
}

#black_text a:hover {
	color:#000000;
	text-decoration:line-through;	
}

/* -------------- */
/* CONTAINERS     */
/* -------------- */
#container_page {
	width:100%;
}

#container_master {
	width:770px;
	margin:auto;
	padding:20px 0px 0px 0px;
}

#container {
	height:100%;
}

#content {
	height:100%;
}

#flashcontent {
	height: 100%;
}


/* -------------- */
/* MENU           */
/* -------------- */
#menu {
	position:fixed;
	top:178px;
	width:110px;
	height:75px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:10px;
	color:#FFFFFF;
	text-transform:uppercase;
	line-height:18px;
	text-align:right;
	background-color:#000000;
	padding:5px 15px 0px 0px;
}

#menu a {
	color:#FFFFFF;
}

#menu a:hover {
	color:#00b4ff;
	text-decoration:none;
}

#submenu {
	position:fixed;
	top:259px;
	width:110px;
	height:233px;
	color:#FFFFFF;
	text-align:right;
	background-color:#000000;
	padding:5px 15px 0px 0px;
}

.submenu_title {
	font-family:Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;
	padding:4px 0px 8px 0px;
	font-size:10px;
	color:#FFFFFF;
}

#submenu a {
	color:#9a9a9a;
}

#submenu a:hover {
	color:#00b4ff;
	text-decoration:none;
}

#back {
	position:fixed;
	top:155px;
	left:0px;
	width:110px;
	height:17px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:10px;
	text-transform:uppercase;
	text-align:right;
	background:#00b4ff;
	padding:5px 15px 0px 0px;
}

#back a {
	color:#FFFFFF;
}

#back a:hover {
	color:#000000;
	text-decoration:none;
}

#back_ref {
	position:fixed;
	top:178px;
	left:0px;
	width:150px;
	height:130px;
	font-size:9px;
	text-transform:uppercase;
	text-align:right;
	color:#FFFFFF;
	background:#00b4ff;
	padding:5px 15px 0px 10px;
}

#back_ref a {
	color:#FFFFFF;
}

#back_ref a:hover {
	text-decoration:line-through;
}


/* -------------- */
/* HEADER         */
/* -------------- */
#header {
	width:770px;
	height:128px;
	background-image:url(../images/img_header.jpg);
}

#profile {
	float:left;
	width:520px;	
}

#name {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:10px;
	font-weight:bold;
	color:#000000;
	text-transform:uppercase;
	padding:15px 0px 0px 0px;
}

#contact {
	padding:20px 0px 0px 0px;
	float:left;
	width:520px;
	color:#e1dad4;
}

#contact a {
	color:#ff0084;
	text-decoration:none;
}

#contact a:hover {
	text-decoration:line-through;
}

#agi {
	float:left;
	width:248px;
	height:60px;
	color:#000000;
	text-align:right;
	padding:15px 0px 0px 0px;
}

#culture {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:10px;
	font-weight:bold;
	color:#000000;
	text-transform:uppercase;
}

#agi a {
	color:#000000;
	text-decoration:none;
}

#agi a:hover {
	color:#000000;
	text-decoration:line-through;
}

#logo {
	float:left;	
}



/* -------------- */
/* SHOWREEL       */
/* -------------- */
#showreel {
	width:770px;
	height:320px;
	background-color:#000000;
}


/* -------------- */
/* WORKS          */
/* -------------- */
#number_work {
	float:left;
	width:35px;
	height:22px;
	background-image:url(../images/img_pix_onglet.jpg);
	background-repeat:repeat-x;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	font-weight:bold;
	color:#ff0084;
	text-transform:uppercase;
	text-align:center;
	padding:2px 0px 0px 0px
}

#title_work {
	float:left;
	width:141px;
	height:22px;
	background-image:url(../images/img_pix_onglet.jpg);
	background-repeat:repeat-x;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:10px;
	font-weight:bold;
	color:#FFFFFF;
	text-transform:uppercase;
	padding:3px 0px 0px 0px;
}

#flash_preview {
	float:left;
	width:176px;
	height:126px;
	margin:auto;
	text-align:center;
}

#subtitle_work {
	float:left;
	width:150px;
	height:12px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:10px;
	font-weight:bold;
	color:#000000;
	text-transform:uppercase;
}

#year_work {
	float:left;
	width:26px;
	height:12px;
	font-size:10px;
	font-weight:bold;
	color:#414042;
	text-align:right;	
}

#black_stroke {
	float:left;
	width:176px;
	height:1px;
	background-color:#808080;
	margin:2px 0px 4px 0px;
}

#agency {
	float:left;
	width:176px;
}

#agency a {
	color:#000000;
	text-decoration:none;	
}

#agency a:hover {
	text-decoration:line-through;	
}

#short_resume {
	float:left;
	width:176px;
}

#picture {
	width:572px;
	border:#eaeaea 1px solid;
}



/* -------------- */
/* INFOS          */
/* -------------- */

#infos_title {
	float:left;
	width:176px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:10px;
	color:#000000;
	text-transform:uppercase;
	padding:0px 0px 0px 0px;
}


/* -------------- */
/* SPACERS VERT   */
/* -------------- */
#spacer_vert_6 {
	float:left;
	width:100%;
	height:6px;
}

#spacer_vert_10 {
	width:100%;
	height:10px;
}

#spacer_vert_30 {
	float:left
	width:100%;
	height:30px;
}


/* -------------- */
/* SPACERS HOR    */
/* -------------- */

#spacer_hor_22 {
	float:left;
	width:22px;
	height:20px;
}