html, body { margin: 0; padding: 0; border: 0; background-color: #0F0F0F; width: 100%; }
img { border: 0px; }
a { color: #7c7c7c; text-decoration: none; }
a:hover { color: #ea9243; }
h4 { font-size: 12px; display: inline; font-weight: bold; letter-spacing: 1px; color:#71975c;}
h5 { float: left; margin: 10px; margin-left:0px; margin-right: 30px; font-size: 12px; font-weight: bold; letter-spacing: 1px; }
h6 { margin:0; margin-top: 10px; font-size: 12px; font-weight: bold; letter-spacing: 1px; }
/*********************************************************************/
#page { margin-left: auto; margin-right: auto; width: 950px;}
#title_main { margin: 0; padding: 0; border: 0; font-family: Verdana; font-weight: bold; font-size: 14px; color: #ababab; }
#title { margin: 0; padding: 0; border: 0; display: inline; }
#title_img { margin: 0; padding: 0; border: 0; background-image: url(sources/logo.jpg); background-position: top center; background-repeat:no-repeat; }
#title_links { margin: 0; padding: 0; border: 0; height: 80px;}
#title_links_linkedin { margin: 0; padding: 0; border: 0; margin-left: 128px; background-image: url(sources/icons/icon_linkedin_off.png); background-position: top center; background-repeat:no-repeat; }
#title_links_linkedin:hover {background-image: url(sources/icons/icon_linkedin.png);}
#title_links_mail { margin: 0; padding: 0; border: 0; margin-left: 10px; background-image: url(sources/icons/icon_mail_off.png); background-position: top center; background-repeat:no-repeat; }
#title_links_mail:hover {background-image: url(sources/icons/icon_mail.png);}
#title_links_resume { margin: 0; padding: 0; border: 0; margin-left: 10px; background-image: url(sources/icons/icon_resume_off.png); background-position: top center; background-repeat:no-repeat; }
#title_links_resume:hover {background-image: url(sources/icons/icon_resume.png);}
#menu { margin:0; padding:0; border:0; margin-left: 550px; position: absolute; width: 300px; }
.menu_row { margin:0; padding:0; border:0;}
#menu_row1 { height: 44px; }
#menu_row2 { height: 48px; }
#title_menu00a { margin: 0; padding: 0; border: 0; background-image: url(sources/menu00a.jpg); background-position: top left; float: left; width:92px; height:44px; position: absolute; margin-left:0; }
#title_menu00b { margin: 0; padding: 0; border: 0; background-image: url(sources/menu00b.jpg); background-position: top left; float: left; width:58px; height:48px; position: absolute; margin-left:0; margin-top: 44px; }
#title_menu00c { margin: 0; padding: 0; border: 0; background-image: url(sources/menu00c.jpg); background-position: top left; float: left; width:92px; height:44px; position: absolute; margin-left:0; }
#title_menu01a { margin: 0; padding: 0; border: 0; background-image: url(sources/menu01a.jpg); background-position: top left; float: left; width:73px; height:44px; position: absolute; margin-left:95px; }
#title_menu01b { margin: 0; padding: 0; border: 0; background-image: url(sources/menu01b.jpg); background-position: top left; float: left; width:58px; height:48px; position: absolute; margin-left:76px; margin-top: 44px;}
#title_menu01c { margin: 0; padding: 0; border: 0; background-image: url(sources/menu01c.jpg); background-position: top left; float: left; width:73px; height:44px; position: absolute; margin-left:95px; }
#title_menu02a { margin: 0; padding: 0; border: 0; background-image: url(sources/menu02a.jpg); background-position: top left; float: left; width:73px; height:44px; position: absolute; margin-left:170px; }
#title_menu02b { margin: 0; padding: 0; border: 0; background-image: url(sources/menu02b.jpg); background-position: top left; float: left; width:58px; height:48px; position: absolute; margin-left:151px; margin-top: 44px;}
#title_menu02c { margin: 0; padding: 0; border: 0; background-image: url(sources/menu02c.jpg); background-position: top left; float: left; width:73px; height:44px; position: absolute; margin-left:170px; }
.title_menuspacer { margin: 0; padding: 0; border: 0; float: left;}
#footer { width: 100%; height: 300px; }
#copyright_side { margin: 0; padding: 0; border: 0; position: absolute; margin-top: 640px; }
#copyright_img { margin: 0; padding: 0; border: 0; background-image: url(sources/copyright.jpg); background-position: top left; }
/*********************************************************************/
#content_main { margin: 0; padding: 0; border: 0; margin-left: 100px; }
.old_projects_link { font-family: Verdana; font-size: 12px; line-height: 18px; letter-spacing: 0.5px; color: #e7e7e7; position: absolute; margin-left: 300px; }
.old_projects_spacer { height: 30px;}
.project_main { margin: 0; padding: 0; border: 0; height: 170px; font-family: Verdana; font-size: 12px; line-height: 18px; letter-spacing: 0.5px; color: #e7e7e7; }
.project_main_index { margin: 0; padding: 0; border: 0; height: 230px; font-family: Verdana; font-size: 12px; line-height: 18px; letter-spacing: 0.5px; color: #e7e7e7; background: #0C0C0C; margin-bottom: 40px; width: 700px;}
.project_title { margin-bottom: 22px; padding-left: 5px; padding-top: 4px; background-repeat: no-repeat;}
.project_title_b { margin-bottom: 5px; margin-left: 5px; padding-left: 5px; padding-top: 4px; background-repeat: no-repeat;}
.project_preview_hover { margin: 0; padding: 0; border: 0; margin-top: 5px; margin-left: 5px; width: 358px; height: 160px; position: absolute; background-image: url(sources/hover_img_off.png); }
.project_preview_hover:hover { background-image: url(sources/hover_img.png); }
.project_preview_hover_old { margin: 0; padding: 0; border: 0; margin-top: 5px; margin-left: 5px; width: 358px; height: 160px; position: absolute; background-image: none; }
.project_preview_hover_old:hover { background-image: url(sources/hover_img2.png); }
.project_preview_index { margin: 0; padding: 0; border: 0; margin-top: 5px; margin-left: 5px; position: absolute; width: 367px; height: 170px; }
.project_preview { margin: 0; padding: 0; border: 0; margin-top: 5px; margin-left: 5px; position: absolute; width: 367px; height: 170px; border: 1px solid #FFFFFF;}
.project_info { margin: 0; padding: 0; border: 0; margin-left: 380px; margin-top: 7px; position: absolute; font-size: 12px; display: inline; font-weight: bold;}
.project_info2 { margin: 0; padding: 0; border: 0; margin-left: 365px; padding-left: 25px; background-color: #0C0C0C; margin-top: 2px; padding-top: 5px; position: absolute; font-size: 12px; display: inline; font-weight: bold; height: 162px; width: 315px;}
.project_info_icon { margin: 0; padding: 0; border: 0; position: relative; float: left; height: 80px; width: 100px; text-align: center; background-position: top center; color:#505050; background-repeat: no-repeat;}
.icon_spacer { padding-top: 50px; }
.icon_engine { background-image: url(sources/icons/icon_engine.png); }
.icon_time { background-image: url(sources/icons/icon_time.png); }
.icon_solo { background-image: url(sources/icons/icon_perso.png); }
.icon_team { background-image: url(sources/icons/icon_team.png); }
.project_info_icon_small { margin: 0; padding: 0; border: 0; position: relative; float:left; padding-top: 25px; margin-right: 20px; font-size: 10px; margin-bottom: 10px; height: 35px; line-height: 35px; text-align: left; background-position: top center; background-repeat: no-repeat;}
.icon_s_video { background-image: url(sources/icons/icon_video2s.png); }
.icon_s_video:hover { background-image: url(sources/icons/icon_video2s_on.png); }
.icon_s_screens { background-image: url(sources/icons/icon_screenss.png); }
.icon_s_screens:hover { background-image: url(sources/icons/icon_screenss_on.png); }
.icon_s_website { background-image: url(sources/icons/icon_links.png); }
.icon_s_website:hover { background-image: url(sources/icons/icon_links_on.png); }
.icon_s_download { background-image: url(sources/icons/icon_downloads.png); }
.icon_s_download:hover { background-image: url(sources/icons/icon_downloads_on.png); }
.icon_s_doc { background-image: url(sources/icons/icon_docs.png); }
.icon_s_doc:hover { background-image: url(sources/icons/icon_docs_on.png); }
.project_icon_links { margin: 0; padding: 0; border: 0; margin-top: 175px; margin-left: 10px; position: absolute; width: 500px; height: 35px; color:#7c7c7c; font-weight: bold; letter-spacing: 1px;}
.project_icon_links a {color:#393939; cursor: pointer;}
.project_icon_links a:hover {color:#7c7c7c;}
.project_icon_links_projects1 { margin: 0; padding: 0; margin-top: 115px; position: absolute; margin-left: 500px; height: 35px; color:#7c7c7c; font-weight: bold; letter-spacing: 1px;}
.project_icon_links_projects1 a {color:#393939; cursor: pointer;}
.project_icon_links_projects1 a:hover {color:#7c7c7c;}
.project_icon_links_projects2 { margin: 0; padding: 0; margin-top: 115px; position: absolute; margin-left: 460px; height: 35px; color:#7c7c7c; font-weight: bold; letter-spacing: 1px;}
.project_icon_links_projects2 a {color:#393939; cursor: pointer;}
.project_icon_links_projects2 a:hover {color:#7c7c7c;}
.project_icon_links_projects3 { margin: 0; padding: 0; margin-top: 115px; position: absolute; margin-left: 425px; height: 35px; color:#7c7c7c; font-weight: bold; letter-spacing: 1px;}
.project_icon_links_projects3 a {color:#393939; cursor: pointer;}
.project_icon_links_projects3 a:hover {color:#7c7c7c;}
.project_icon_links_projects4 { margin: 0; padding: 0; margin-top: 115px; position: absolute; margin-left: 400px; height: 35px; color:#7c7c7c; font-weight: bold; letter-spacing: 1px;}
.project_icon_links_projects4 a {color:#393939; cursor: pointer;}
.project_icon_links_projects4 a:hover {color:#7c7c7c;}
.project_info_more { margin: 0; padding: 0; border: 0; margin-top: 152px; margin-left: 280px; position: relative; width: 33px; height: 44px; }
.icon_more { background-image: url(sources/icons/icon_more.png); }
.icon_more:hover { background-image: url(sources/icons/icon_more_on.png); }
.project_text { margin: 0; padding: 0; border: 0; margin-top: 200px; margin-left:4px; width: 700px; position: absolute; text-align: justify;}
.project_more { margin: 0; padding: 0; border: 0; margin-top: 680px; margin-left:4px; width: 700px; position: absolute; text-align: justify;}
.project_mirrors { margin: 0; padding: 0; border: 0; border-left: 1px solid #e7e7e7; padding-left: 3px; padding-bottom: 10px; margin-top: 950px; margin-left:4px; width: 350px; position: absolute; }
.project_links { margin: 0; padding: 0; border: 0; border-left: 1px solid #e7e7e7; padding-left: 3px; padding-bottom: 10px; margin-top: 950px; margin-left:350px; width: 350px; position: absolute; }
.project_mirrors_old { margin: 0; padding: 0; border: 0; border-left: 1px solid #e7e7e7; padding-left: 3px; padding-bottom: 10px; margin-top: 680px; margin-left:4px; width: 350px; position: absolute; }
.project_links_old { margin: 0; padding: 0; border: 0; border-left: 1px solid #e7e7e7; padding-left: 3px; padding-bottom: 10px; margin-top: 680px; margin-left:350px; width: 350px; position: absolute; }
.project_item { margin: 0; padding: 0; border: 0; margin-left: 20px; }
.project_item_spacer { margin: 0; padding: 0; border: 0; height: 10px; }
.project_thumbs { margin: 0; padding: 0; border: 0; margin-top: 330px; width: 700px; position: absolute; margin-left: 30px;}
.thumbnail { margin: 0; padding: 0; border: 0; padding: 4px; border: 1px solid #b7b7b7; }
.thumbnail:hover { border: 1px solid #ffffff; }
.thumbnail2 { margin: 0; padding: 0; border: 0; padding: 0; border: 1px solid #b7b7b7; }
#project_previous { margin: 0; padding: 0; border: 0; margin-top: 100px; margin-left: 30px; padding-left: 5px; height: 50px; width: 43px; position: absolute; background-position: bottom center; background-repeat: no-repeat; background-image: none; }
#project_previous:hover { background-image: url(sources/previous.jpg); }
#project_previous_img { background-image: url(sources/previous_arrow.jpg); width: 31px; height: 34px;}
#project_next { margin: 0; padding: 0; border: 0; margin-top: 100px; margin-left: 840px; height: 50px; width: 31px; position: absolute; background-position: bottom center; background-repeat: no-repeat; background-image: none; }
#project_next:hover { background-image: url(sources/next.jpg); }
#project_next_img { background-image: url(sources/next_arrow.jpg); width: 31px; height: 34px;}
.project_video { margin: 0; padding: 0; border: 0; height: 70px; font-family: Verdana; font-size: 12px; line-height: 18px; letter-spacing: 0.5px; color: #e7e7e7; margin-bottom: 20px;}
.project_video_index { margin: 0; padding: 0; border: 0; height: 70px; font-family: Verdana; font-size: 12px; line-height: 18px; letter-spacing: 0.5px; color: #e7e7e7; margin-bottom: 20px; margin-left: 150px; }
.project_video_title { margin: 0; padding: 0; border: 0; margin-top: 5px; margin-left: 80px;}
.project_video_link { margin: 0; padding: 0; border: 0; position: absolute;}
.project_video_preview { margin: 0; padding: 0; border: 0; margin-top: 0px; position: absolute; height: 90px; background-repeat: no-repeat; background-position: center left; }
.project_video_info { margin: 0; padding: 0; border: 0; margin-left: 110px; margin-top: 0px; position: absolute; }
.project_video_text { margin: 0; padding: 0; border: 0; margin-top: 100px; margin-left:4px; width: 700px; position: absolute; }
.project_video_embbed { margin: 0; padding: 0; border: 0; margin-top: 250px; margin-left:4px; width: 700px; position: absolute; }
.project_video_mirrors { margin: 0; padding: 0; border: 0; border-left: 1px solid #e7e7e7; padding-left: 3px; padding-bottom: 10px; margin-top: 800px; margin-left:4px; width: 350px; position: absolute; }
.project_video_links { margin: 0; padding: 0; border: 0; border-left: 1px solid #e7e7e7; padding-left: 3px; padding-bottom: 10px; margin-top: 800px; margin-left:350px; width: 350px; position: absolute; }
#projects_video_preview { background-image: url(sources/projects_video.jpg); height: 55px;}
#projects_forest_title { background-image: url(sources/projects_forest.jpg); width:215px; height:13px; }
#projects_forest_preview { background-image: url(sources/projects_forest_preview.jpg); width:358px; height:160px; }
#projects_fireflies_title { background-image: url(sources/projects_fireflies.jpg); width:215px; height:13px; }
#projects_fireflies_preview { background-image: url(sources/projects_fireflies_preview4.jpg); width:358px; height:160px; }
#projects_market_title { background-image: url(sources/projects_market.jpg); width:160px; height:13px; }
#projects_market_preview { background-image: url(sources/projects_market_preview.jpg); width:358px; height:160px; }
#projects_mandate_title { background-image: url(sources/projects_mandate.jpg); width:174px; height:13px; }
#projects_mandate_preview { background-image: url(sources/projects_mandate_preview05.jpg); width:358px; height:160px; }
#projects_video_retro1 { background-image: url(sources/projects_retro1.jpg); width:247px; height:13px; }
#projects_boiling_title { background-image: url(sources/projects_boiling.jpg); width:60px; height:13px; }
#projects_boiling_preview { background-image: url(sources/projects_boiling_preview.jpg); width:358px; height:160px; }
#projects_7sgenesis_title { background-image: url(sources/projects_7sgenesis.jpg); width:184px; height:13px; }
#projects_7sgenesis_preview { background-image: url(sources/projects_7sgenesis_preview.jpg); width:358px; height:160px; }
#projects_mta_title { background-image: url(sources/projects_mta.jpg); width:174px; height:13px; }
#projects_mta_preview { background-image: url(sources/projects_mta_preview.jpg); width:358px; height:160px; }
#projects_hom_title { background-image: url(sources/projects_hom.jpg); width:145px; height:13px; }
#projects_hom_preview { background-image: url(sources/projects_hom_preview.jpg); width:358px; height:160px; }
#projects_mpc_title { background-image: url(sources/projects_mpc.jpg); width:198px; height:13px; }
#projects_mpc_preview { background-image: url(sources/projects_mpc_preview.jpg); width:358px; height:160px; }
#projects_tbr_title { background-image: url(sources/projects_tbr.jpg); width:127px; height:13px; }
#projects_tbr_preview { background-image: url(sources/projects_tbr_preview.jpg); width:358px; height:160px; }
.project_medal { margin: 0; padding: 0; border: 0; margin-top: 5px; margin-left: 240px; width: 80px; height: 120px; position: absolute; background-image: none; }
/*********************************************************************/
.resume_download { margin: 0; padding: 0; border: 0; height: 72px; width: 174px; margin-left: 270px;}
.resume_title { color:#71975c; font-size: 15px; margin-top: 30px;}
.resume_date { font-size: 10px;}
.resume_project { }
.resume_subtitle { font-size: 11px; }
.resume_game { font-size: 11px;}
.resume_role { font-size: 11px;}
.resume_levels { font-size: 11px;}
.resume_pdf { background-image: url(sources/pdf.png); width:174px; height:72px; }
/*********************************************************************/
.project_article { margin: 0; padding: 0; border: 0; height: 90px; font-family: Verdana; font-size: 12px; line-height: 18px; letter-spacing: 0.5px; color: #e7e7e7;}
.project_main_short { margin: 0; padding: 0; border: 0; height: 80px; font-family: Verdana; font-size: 12px; line-height: 18px; letter-spacing: 0.5px; color: #e7e7e7;}
.articles_item { margin: 0; padding: 0; border: 0; padding-left: 50px; height: 30px; font-weight: bold; background-image: url(sources/articles_title01.jpg); background-repeat: no-repeat; background-position: center left; font-size: 28px; letter-spacing: -0.02em;}
.articles_item a:link, .articles_item a:visited { color: #e7e7e7; }
.articles_item a:hover { color: #ea9243; }
.articles_item_title { margin: 0; padding: 0; border: 0; padding-top: 5px;}
.articles_main { margin: 0; padding: 0; border: 0; width: 750px; color: #DDDDDD; font-family: Verdana; font-size: 12px; line-height: 18px; letter-spacing: 0.5px; text-align: justify; }
.articles_date { margin: 0; padding: 0; border: 0; font-size: 9px; font-weight: bold; margin-left: 50px; color:#71975c;}
.articles_info { margin: 0; padding: 0; border: 0; width: 650px; margin-top: 10px; font-size: 10px; font-weight: bold; }
h2 { margin-top: 60px; font-weight: bold; font-size: 25px; }
h3 { margin-top: 50px; font-weight: bold; font-size: 18px; }
.articles_example { margin: 0; padding: 0; border: 0; border: 1px dashed #AAAAAA; color:#71975c; padding: 5px; text-align: left; }
.articles_example_show { float: right; }
.articles_example_hide { float: right; }
.articles_back { margin: 0; padding: 0; border: 0; float: right; margin-top: 80px; font-weight: bold;}
.articles_back_img { background-image: url(sources/previous_arrow.jpg); width:31px; height:34px; }
.articles_imagecomment { font-size: 11px; text-align:center; margin-top: -10px;}
.articles_quote { background-color:#1e1e1e; padding: 10px; margin-top: 30px; margin-bottom:0px; }
.articles_author { text-align: right; font-style: italic; padding-top: 0px; margin-top: 0px; margin-bottom: 25px; }
.articles_exampleB { margin: 0; padding: 0; border: 0; background-color: #1e1e1e; padding: 5px; text-align: left; width: 752px; }
.articles_exampleB_show { float: right; }
.articles_exampleB_hide { float: right; }
.articles_next { margin: 0; padding: 0; border: 0; float: right; margin-top: 40px; font-weight: bold; font-size: 20px;}
.articles_next_img { background-image: url(sources/articles_next.jpg); width:25px; height:27px; margin-left: 15px; vertical-align: text-bottom;}
.articles_previous { margin: 0; padding: 0; border: 0; float: left; margin-top: 40px; font-weight: bold; font-size: 20px;}
.articles_previous_img { background-image: url(sources/articles_previous.jpg); width:25px; height:27px; margin-right: 15px; vertical-align: text-bottom;}
.articles_next a, .articles_previous a { color:#71975c; text-decoration: none; }
.articles_next a:hover, .articles_previous a:hover { color: #ea9243; }
#article_title01 { background-image: url(articles/01.png); width:627px; height:39px; }
#article_title02 { background-image: url(articles/02.png); width:627px; height:39px; }
#article_title03 { background-image: url(articles/03.png); width:627px; height:39px; }
#article_title04 { background-image: url(articles/04.png); width:627px; height:39px; }
#article_title05 { background-image: url(articles/05.png); width:627px; height:39px; }
#article_title06 { background-image: url(articles/06.png); width:627px; height:39px; }
#article_title07 { background-image: url(articles/07.png); width:627px; height:39px; }
#article_title08 { background-image: url(articles/08.png); width:627px; height:39px; }
#article_title09 { background-image: url(articles/09.png); width:627px; height:39px; }
/*********************************************************************/
.graph_fireflies_main {padding:0; margin:0; border:0; width:750px; height: 950px; margin-left:auto; margin-right:auto;}
.graph_fireflies_cat1 {position: absolute; margin-left: 30px; text-align: center;}
.graph_fireflies_cat2 {position: absolute; margin-left: 260px; text-align: center;}
.graph_fireflies_cat3 {position: absolute; margin-left: 620px; text-align: center;}
.graph_fireflies_spacer {}
.graph_fireflies_location {padding:0; margin:0; border:0; padding-top: 25px; }
.graph_fireflies_location_name {padding:0; margin:0; border:0; position: absolute; width: 90px; text-align: right;font-weight: bold; color:#71975c;}
.graph_fireflies_open { margin-left: 100px; position: absolute;}
.graph_fireflies_open_img { height: 100%; width: 10px; border-left: 1px solid #b9b9b9; border-top: 1px solid #b9b9b9; border-bottom: 1px solid #b9b9b9; float: left;}
.graph_fireflies_content { width: 480px; text-align: left; }
.graph_fireflies_content ul {list-style-type: square; padding-left: 25px;}
.graph_fireflies_content ul li {padding-bottom: 10px; }
.graph_fireflies_close { margin-left: 580px; position: absolute;}
.graph_fireflies_close_img { height: 100%; width: 10px; border-right: 1px solid #b9b9b9; border-top: 1px solid #b9b9b9; border-bottom: 1px solid #b9b9b9;}
.graph_fireflies_icons {margin-left: 620px; width: 130px;text-align: left; font-size: 10px;}
.graph_fireflies_icons img {margin:5px; margin-top: 3px; margin-bottom:7px;}
#demoreel { padding:0; margin:0; border:0; width: 160px; height: 41px; margin-left: 378px; background-image: url(sources/demoreel_off.png); margin-bottom: 30px; }
#demoreel:hover { background-image: url(sources/demoreel_on.png);}