body{ padding:0; margin:0; font-family:Verdana, Geneva, sans-serif; font-size:10px; color:#666; background-color:#124F73 ; }/*#333*/ a:link,a:visited,a:active{font-family:Verdana, Geneva, sans-serif; color:#aaa; text-decoration: none;} a:hover{font-family:Verdana, Geneva, sans-serif; color:#666; text-decoration:none;} @font-face { font-family: 'ExistenceLight'; src: url('/site_elements/layout/fonts/existence-light-webfont.eot');src: local(' '), url('/site_elements/layout/fonts/existence-light-webfont.woff') format('woff'), url('/site_elements/layout/fonts/existence-light-webfont.ttf') format('truetype'), url('/site_elements/layout/fonts/existence-light-webfont.svg#webfont7fixglAJ') format('svg');font-weight: normal;font-style: normal;} @font-face { font-family: 'geosanslight'; src: url('/site_elements/layout/fonts/geosanslight-webfont.eot');src: local(' '), url('/site_elements/layout/fonts/geosanslight-webfont.woff') format('woff'), url('/site_elements/layout/fonts/geosanslight-webfont.ttf') format('truetype'), url('/site_elements/layout/fonts/geosanslight-webfont.svg#webfont7fixglAJ') format('svg');font-weight: normal;font-style: normal;} #main{} h1{ font-size: 14px; margin-bottom:0px; font-family: geosanslight; font-weight: normal; margin-left: 18px; } h1 > a:link,h1 > a:visited,h1 > a:active{ font-size: 50px; margin-bottom:0px; font-family: geosanslight} h1 > a:hover{ margin-bottom:0px; font-family: geosanslight} h1 .baseline{ color: #555; margin-left: 3px; margin-top: -13px; } #top{ padding-top: 3px; height: 125Px; margin-bottom: 10px;background-image: url(/site_elements/layout/bg_top.png); background-repeat: repeat-x; z-index: 2; position: relative; } #top_content { width: 830px;margin: 0 auto; } #top hr { height: 1px; width: 750px; border: #999;} #quote { color: #AAA; display: none; margin-left: 21px; margin-bottom: 10px;} #all_content{ width:830px; margin:0 auto; padding:5px; display: block; background-color: #FEFEFE; margin-top: -15px;} /* NAVIGATION */ #profil_picture{margin-bottom: 12px; margin-left: -1px; border:0;} #profile_picture_container{ text-align: center;} #navig_column{position:relative; width:180px; margin-right: 10px; float:right; display: block; font-size: 9px; margin-top: 14px;} #navig_column .navig_section{ border: 1px #CCCCCC solid; margin-bottom: 15px; padding: 5px; background-color: #EFEFEF; } #navig_column .up_margin{ margin-top: 15px; } #navig_column .navig_section ul{ list-style: none;} #navig_column .navig_section ul li{ margin-left: -30px; margin-bottom: 5px;} #menu{ list-style: none; } #menu li{ margin-left: -35px;margin-bottom: 5px; } #content{ width:610px; float: left; display: block; margin-left: 12px; } #footer{border-top:#CCC 1px dashed; border-bottom:#CCC 1px dashed; margin-top:20px; padding:5px; background-color:#222;} #bottom_infos{position:relative; width:750px; margin: 0 auto; text-align:center;} /*Home*/ .section{border:#aaa solid 0px; padding: 4px; margin-bottom:10px;} /* Divers */ .clear{clear:both;width:0;height:0;margin:0;padding:0;font-size:0;line-height:0;border:0;} /* BIO */ .bio_list{ list-style: none;} .bio_list li{ margin-left: -20px;} .cv_details{ margin-bottom: 30px;} #jobs_list {list-style: none;} .job_content{ margin: 10px 0; padding: 3px;} .job_content .job_name{ width:120px; float:left;} .job_content .job_details{ float:right; width: 400px; border-left: 1px solid #102A3F; padding-left: 5px; } /*PHYSICS ELEMENT*/ #ball{ position: absolute;} /* CONTACT FORM */ #contactForm{} #contactForm textarea{} #contactForm input{ background: #fff;border: 1px solid #102A3F; } #contactForm textarea:focus{ border: 2px solid #102A3F;} #thankscontact{ display: none;} /* Project */ #project_top{display: none} #project_top.project{border:#eee solid 1px; padding: 4px; margin-bottom:10px; } #project_top.project .img{ float:left; width: 150px;} #project_top .project_details{ float:right; padding: 3px; width:360px} #project_top .link{ text-align: right;} #projects_list{} #projects_list .project{border:#eee solid 1px; padding: 4px; margin:10px 15px;; float:left; height:150px;} #projects_list .project .img{ float:left;} #projects_list .project_details{ float:right; padding: 3px; width:400px} #projects_list .link{ text-align: right;} /* FEEDS */ #feeds_list{} #feeds_list .feed{} #feeds_list .feed h3{ margin: 2px 0; background-color: #EFEFEF; padding: 2px; } #feeds_list .feed .writed_by{ font-style: italic; font-size:9px; } /* GUEST BOOK */ #guestbook_content{} #gestbook_flash{border: 1px #CCCCCC solid; width:320px; margin: 0 auto; } /* BLOG POST*/ .pagination{ text-align: right; padding-right: 4px;} .pagination a{ margin-left: 3px;} #posts{ margin-top: 12px;} #posts .post_details{} #posts .post_details .title{background-color: #EFEFEF;padding: 3px; margin-bottom: 5px; font-size: 12px; font-weight: lighter;} #posts .post_details .left_column{ width: 160px; float: left; padding: 0px 5px; color: #E5e5e5} #posts .post_details .right_column{float: left; width:430px; } #posts .post_details .post_img{ border:0; } #posts .post_details .post_footer{ padding: 4px;} .post_comments_nbr{ text-align: right; } .post_comments{ margin: 0 auto; display: none } .post_comments .write_comment{} .post_comments textarea{ width: 400px; height: 150px; border: 1px solid #999; background-color: #EFEFEF; margin: 0 auto;} .post_comments input{ border: 1px solid #999; background-color: #EFEFEF; margin-bottom: 10px;} .post_comments .status_sent{color:#900;} .post_comments .comment { margin-bottom: 5px; background-color: transparent; padding: 3px; border: 1px dashed #bbb;} .post_comments .comment .header{ background-color: #DDDDDD; padding: 3px; } .post_comments .comment .name{ text-align: left; display: block; font-weight: bold; width:220px; float: left;} .post_comments .comment .date{ text-align: right;display: block; width:160px; float: left;} .post_comments .comment .comment_content{padding: 3px;} .post_comments_detail{ margin: 0 auto;} .post_comments_detail .post_comments{ width: 350px; margin: 0 auto; display: block; } .post_comments_detail textarea{ width: 400px; height: 150px; border: 1px solid #999; background-color: #EFEFEF;} .post_comments_detail input{ border: 1px solid #999; background-color: #EFEFEF; margin-bottom: 10px;} .post_comments_detail .status_sent{color:#900;} .post_comments_detail .comment { margin-bottom: 5px; background-color: transparent; padding: 3px; border: 0px dashed #bbb;} .post_comments_detail .comment .header{ background-color: #004750; padding: 2px; } .post_comments_detail .comment .name{ text-align: left; display: block; font-weight: bold; width:220px; float: left;} .post_comments_detail .comment .date{ text-align: right;display: block; width:160px; float: left;} .post_comments_detail .comment .comment_content{padding: 3px;} /*GESHI Code*/ .code_parent{ width:400px; overflow: auto; background-color: #eee; margin: 5px 0 5px 0;} .code_container{ background-color: #ddd; padding: 3px;}