/******************************************** * * GENERAL DECLARATIONS / RESETTER * *********************************************/ html { margin: 0; padding: 0; border: none; min-height: 100%; height: 100% !important; height: 100%; } body { margin: 0; padding: 0; border: none; text-align: center; min-height: 100%; height: 100% !important; height: 100%; font-family: Arial, sans-serif; color: #8E8E8C; font-size: 14px; line-height:14px; background: #DCDCDC url(../images/bkg_pages.jpg) center 0px no-repeat; } body#home_body { background: #DCDCDC url(../images/bkg_home.jpg) center 0px no-repeat; } /* block */ div { margin: 0; padding: 0; position: static; } /* liens */ a:link, a:visited, a:active, a:focus { color: #00D7E2; text-decoration: none; outline: 0; } a:hover { text-decoration: none; color: #000000; } /* listes */ dl, ul, ol, dd, dt, li { margin: 0; padding: 0; } li { list-style: none; } /* titres */ h1, h2 ,h3, h4, h5, h6 { margin: 0; padding: 0; font-family: Arial, sans-serif; color: #000; } h1 { font-size: 1.45em; line-height: 1.7em; } h2 { font-size: 1.2em; line-height: 1.5em; } h3 { font-size: 1.1em; line-height: 1.4em; } h4 { font-size: 1em; line-height: 1.3em; } h5 { font-size: 0.9em; line-height: 1.2em; } /* mise en forme - inline */ pre, code, address, caption, cite, code, dfn, em, strong, var, abbr, acronym { font-style: normal; font-weight: normal; text-decoration: none; text-transform: none; } abbr, acronym { font-variant: normal; } pre, code { font-family: monospace; } em { font-style: italic; } strong { font-weight: bold; } /* formulaire */ form { margin: 0; padding: 0; } form fieldset, form legend, form label { margin: 0; padding: 0; border: none; } form input, form textarea, form select { margin: 0; padding: 0; font-family: inherit; font-size: inherit; font-weight: inherit; } /* paragraphe */ p, blockquote { margin: 0; padding: 0; text-indent: 0; } /* tableau */ table { border-collapse: collapse; border-spacing: 0; padding: 0; margin: 0; width: 100%; } table caption { text-align: left; } table thead tr, table tbody tr {} table thead tr th, table tbody tr td { border: none; vertical-align: top; text-align: left; font-size: 13px; line-height:14px; } /* image */ img { display: block; margin: 0; padding: 0; border: none; line-height: 1em; font-size: 1em; } object { outline:none; } /******************************************** * * ALIGN & FLOAT & PADDING & MARGIN * *********************************************/ .fleft { float:left;} .fright { float:right;} .img_left { float:left; margin-right:8px; margin-bottom:5px;} .img_right { float:right; margin-left:8px; margin-bottom:5px;} .clear { display: block; clear:both; font-size: 1px; line-height: 1px;} .webhide { display:none;} .webshow { display:block;} .vclear { display: block; clear: both; height: 1px; width: 100%; overflow: hidden; font-size: 1px; line-height: 1px; } .relative { position: relative; } /******************************************** * * COLORS / LINKS / VISUAL EFFECTS * *********************************************/ /* gris fonce : #464648 gris bkg : #DCDCDC font1 : #3d3d3d gris clair : #FBFAF6 titre museo : #333333 font blanc : #f2f2f2 font bleu : #00d7e2 */ .gras { font-weight:bold; } .italic { font-style: italic; } a.a_blue, a:active.a_blue, a:visited.a_blue, a:focus.a_blue { color: #147999; } a:hover.a_blue { color: #000000; } /******************************************** * * GLOBAL CONTAINERS * *********************************************/ #global_wrap { overflow: hidden; text-align: left; width: 100%; position: relative; } .global_content { width: 1024px; margin: 0 auto; text-align: left; border: 0px solid #FF0099; } .global_content .home_layout { } .global_content .page_layout { width: 972px; } .global_content .page_layout .main { float: left; width: 662px; height: auto !important; min-height: 300px; height: 300px;} .global_content .page_layout .main .innerpad { padding: 15px 18px 15px 18px; } .global_content .page_layout .side { float: left; width: 300px; margin-left: 10px !important; margin-left: 9px; } /******************************************** * * HEADER * *********************************************/ #header { height: 100px; background: transparent url(../images/bkg_line_header.png) center 0px no-repeat; } #header .rss_feed { position: absolute; top: 0px; right: 0px; width: 48px; height: 19px; } #header .global_content { text-align: right; position: relative; } #header .global_content .line { height: 1px; position: absolute; top: 60px; left: 602px; width: 2000px; background: transparent url(../images/bkg_header_line.gif) 0px 0px repeat-x; } #header .global_content ul { float: right; padding: 30px 34px 0px 0px; } #header .global_content ul li { float: left; padding: 0px 18px 0px 18px; } #header .global_content ul li a { display: block; padding: 5px 0px 5px 0px; font-size: 19px; line-height: 22px; color: #333333; } #header .global_content ul li a:hover { color: #00D7E2; } #header .global_content ul li a.selected { color: #00D7E2; border-bottom: 2px solid #00D7E2; } #header .global_content .logo { position: absolute; top: 18px; left: 20px; height: 45px; width: 280px; background: transparent url(../images/logo_turbulent.png) 0px 0px no-repeat; } #header .global_content .logo a { display: block; height: 45px; width: 280px; overflow: hidden; } #header .global_content .logo a span { display: block; position: absolute; top: -100px; } #header .global_content .lang_switch { position: absolute; top: 38px; right: -32px; width: 60px; height: 40px; text-align: left; font-size: 11px; } #header .global_content .lang_switch a { color: #484848; font-weight: bold; font-size: 12px; } #header .global_content .lang_switch a:hover { color: #00D7E2; } #header .global_content .lang_switch span { display: block; padding: 4px 0px 0px 0px;} #header.home .global_content ul { } #header.home .global_content .logo { display: none; } #sub_header { padding-bottom: 18px; background: transparent url(../images/bkg_line_subheader.png) center -12px no-repeat; } #sub_header .global_content { position: relative; } #sub_header .line { height: 36px; position: absolute; top: 0px; left: -2000px; width: 2000px; background: transparent url(../images/bkg_subheader.png) -1px 0px no-repeat;} #sub_header h2.title { float: left; padding: 7px 20px 0px 20px; min-height: 36px; height: auto !important; height: 36px; width:500px; font-size: 20px; line-height: 25px; color: #FFFFFF; background: transparent url(../images/bkg_subheader.png) top right no-repeat; /*width: 730px; color: #333333; height: 36px; */ } #sub_header h2.title span.subtitle { color: #00D7E2; font-size: 16px; line-height: 25px; padding: 7px 20px 0px 10px; } #sub_header h2.title span.filters { color: #00D7E2; font-size: 13px; line-height: 25px; font-weight:normal; padding: 0px 20px 0px 80px; } #sub_header h2.title span.filters span { font-weight: bold; } #sub_header h2.title span.filters span a { color: #FFFFFF; padding: 0px 0px 0px 5px; font-weight: normal; } #sub_header h2.title span.filters span a:hover, #sub_header h2.title span.filters span a.selected { color: #00D7E2; } #sub_header h2.title span.filters span.filterby { padding-right: 20px; } #sub_header h2.title span.filters span.filterby a { color: #00D7E2; padding: 0px 30px 0px 0px; background: transparent url(../images/bkg_project_filters_opener.png) 42px 5px no-repeat; font-weight: bold; } #sub_header h2.title span.filters span.filterby a.hidden { background: transparent url(../images/bkg_project_filters_opener.png) 42px -14px no-repeat; } #sub_header h2.title .tags_list { margin: 31px -19px 0px 0px; display: none; width: 968px; height: 0px; background-color: #EAEAEA; } #sub_header h2.title .tags_list .col { float: left; width: 322px; } #sub_header h2.title .tags_list .col .tags_title { display: block; text-align: left; padding: 10px 0px 10px 28px; height: 17px; width: auto; float: none; border-bottom: 0px solid #747475; background-color: #AEAFB3; font-size: 15px; line-height: 20px; font-family: Georgia,Arial,sans-serif; } #sub_header h2.title .tags_list .col .inner { padding: 5px 6px 5px 20px; } #sub_header h2.title .tags_list .col .inner ul {} #sub_header h2.title .tags_list .col .inner ul li { padding: 1px 0px 0px 0px; } #sub_header h2.title .tags_list .col .inner ul li a { display: block; padding: 2px 5px 2px 10px; font-weight: normal; font-size: 13px; line-height: 13px; color: #000000; } #sub_header h2.title .tags_list .col .inner ul li a:hover { color: #00D7E2; } #sub_header h2.title .tags_list .col .inner ul li a.selected { color: #00D7E2; /*background-color: #AEAFB3;*/ } #sub_header #form_search { position: absolute; top: 6px; right: 51px; width: 205px; height: 24px; } #sub_header #form_search input.itext { width: 176px; height: 18px; border: 0px; padding: 3px 0 3px 5px; font-size: 12px; background: transparent url(../images/bkg_search_field.png) 0px 0px no-repeat; color: #888888; } #sub_header #form_search input.isubmit { width: 18px; height: 18px; border: 0px; background: transparent url(../images/bkg_search_submit.png) 0px 0px no-repeat; cursor: pointer; } #sub_header form { display: block; width: 205px; } /******************************************** * * FOOTER * *********************************************/ #footer { height: 50px; margin-top: -50px; background: transparent url(../images/bkg_line_footer.png) center -15px no-repeat; } #footer .global_content { position: relative; height:32px; background: transparent url(../images/bkg_footer_turbulent.png) -6px 0px repeat-x; } #footer .global_content .line_l { height: 32px; position: absolute; top: 0px; left: -2000px; width: 2000px; background: transparent url(../images/bkg_footer_turbulent_repeat.png) 0px 0px repeat-x; } #footer .global_content .line_r { height: 32px; position: absolute; top: 0px; left: 1024px; width: 2000px; background: transparent url(../images/bkg_footer_turbulent_repeat.png) 0px 0px repeat-x; } #footer ul.icons { padding: 0px 0px 0px 12px; position:absolute; } #footer ul.icons li { float: left; height: 32px; width: 24px; } #footer ul.icons li a { display: block; width: 24px; height: 24px; margin: 4px 2px 0px 2px; background: transparent url(../images/ico_social_24.png) 0px 0px no-repeat; overflow: hidden; text-indent: -1000px; } #footer ul.icons li a.agit8 { background-position: 0px 0px; } #footer ul.icons li a.facebook { background-position: 0px 0px; } #footer ul.icons li a.flickr{ background-position: -24px 0px; } #footer ul.icons li a.rss { background-position: -48px 0px; } #footer ul.icons li a.twitter { background-position: -72px 0px; } #footer ul.navigation { position:absolute; top: 0px; right: 250px; } #footer ul.navigation li { float: left; padding: 0px 10px 0px 10px; } #footer ul.navigation li a { display: block; padding: 5px 0px 5px 0px; font-size: 13px; line-height: 22px; color: #F2F2F2; } #footer ul.navigation li a:hover { color: # ; } #footer ul.navigation li a.selected { color: #00D7E2; } #footer .copy { position: absolute; top: 16px; right: 0px; width: 40px; height: 20px; font-size: 10px; line-height: 12px; color: #F2F2F2; } /******************************************** * * GENERIC BLOCKS * *********************************************/ .text .bubulle { float: left; margin: 0px 5px 0px 0px; } .comments { margin-top: 20px; border-top: 1px solid #E3E2DF; } .comments #view-comments-anchor { height: 0px; } .comments .count { position: relative; float:left; height: 27px; padding: 8px 13px 0px 10px; font-size: 18px; line-height: 25px; color: #FFFFFF; background: #ABADAF url(../images/bkg_recent_articles_date.png) 0px 0px repeat-y; } .comments .comment { position: relative; width: 100%; padding: 34px 0px 10px 0px; font-family: Georgia, Arial, sans-serif; font-size: 13px; line-height: 22px; color: #3F3F3F; border-top: 1px solid #E3E2DF; } .comments .comment.first { border-top: 0px; } .comments .comment.new { background-color: #FFFFCC; } .comments .comment .post_date { text-align: right; color: #000000; } .comments .comment .thumb { width: 72px; height: 60px; float: left; overflow:hidden; } .comments .comment .text { /*width: 530px; float: left; */ } .post_comment {} .post_comment a.leave_comment, .post_comment button.leave_comment { display: block; float: right; height: 38px; padding: 0px 24px 0px 0px; background: transparent url(../images/bkg_comments_leave_l.png) 0px 0px no-repeat; border: 0px none; cursor: pointer; } .post_comment button.leave_comment {background:transparent url(../images/bkg_comments_leave_l.png) no-repeat scroll 0 1px;} .post_comment a.leave_comment span, .post_comment button.leave_comment span { display: block; height: 38px; padding: 0px 13px; font-family: Georgia, Arial, sans-serif; font-size: 14px; line-height: 30px; color: #474747; background: transparent url(../images/bkg_comments_leave.png) top right no-repeat; border: none; } .post_comment #form_comment { border-top: 0px solid #E3E2DF; padding-top: 20px; } .post_comment #form_comment.border { border-top: 1px solid #E3E2DF; } .post_comment #form_comment .row { padding: 0px 0px 8px 0px; } .post_comment #form_comment .row label { display: block; float: left; width: 130px; font-family: Georgia, Arial, sans-serif; font-size: 14px; font-weight: bold; line-height: 22px; color: #464648; padding: 0px 20px 0px 0px; } .post_comment #form_comment .row input.itext { display: block; float: left; width: 310px; height: 20px; padding: 3px 0px 2px 5px; border: 1px solid #E3E2DF; } .post_comment #form_comment .row textarea { width: 430px; height: 150px; padding: 2px 0px 0px 5px; border: 1px solid #E3E2DF; } .post_comment #form_comment .row .error_field { border: 1px solid #FF0000; } .post_comment #form_comment .row .submit_comment {} .post_comment #form_comment .error_panel { display: none; background: transparent url(../images/bkg_blog_post.png) 0px 0px no-repeat;} .post_comment #form_comment .error_panel .title { padding: 10px 0px 17px 50px; font-weight: bold; font-size: 18px; line-height: 20px; font-family: Georgia, Arial, sans-serif; } .post_comment #form_comment .error_panel p { display: none; font-size: 14px; line-height: 22px; color: #FF0000; padding: 0px 0px 8px 151px;} .jcarousel-container { position: relative; } .jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative; } .jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0; } .jcarousel-item { float: left; list-style: none; width: 75px; height: 75px; } .jcarousel-next { cursor: pointer; z-index: 3; display: none; /*background-color: #FFCC55;*/ } .jcarousel-prev { cursor: pointer; z-index: 3; display: none; /*background-color: #FFCC55; */ } /******************************************** * * HOMEPAGE * *********************************************/ #home_body #content { } #homepage {} #homepage .last_entries { position: relative; width: 250px; float: left; /*background-color: #464648; */ height: auto; min-height: 560px; } #homepage .last_entries .line { height: auto; min-height: 660px; position: absolute; top: 0px; right: 0px; width: 2000px; background: transparent url(../images/bkg_home_line.png) right 0px repeat-y; } #homepage .last_entries .inner { padding: 10px 12px 12px 12px; position: relative; /*height: 625px; overflow:hidden; */ } #homepage .last_entries .inner ul.filters { float: right; } #homepage .last_entries .inner ul.filters li { width: 26px; height: 26px; float: left; } #homepage .last_entries .inner ul.filters li a { display: block; width: 26px; height: 26px; } #homepage .last_entries .inner ul.filters li a#latest { background: transparent url(../images/ico_latest.png) 0px -2px no-repeat; } #homepage .last_entries .inner ul.filters li a#agit8 { background: transparent url(../images/ico_b_agit8.png) 0px -2px no-repeat; } #homepage .last_entries .inner ul.filters li a#twitter { background: transparent url(../images/ico_b_twitter.png) 0px -2px no-repeat; } #homepage .last_entries .inner ul.filters li a#facebook { background: transparent url(../images/ico_b_facebook.png) 0px -2px no-repeat; } #homepage .last_entries .inner ul.filters li a#tv { background: transparent url(../images/ico_b_tv.png) 0px -2px no-repeat; } #homepage .last_entries .inner ul.filters li a#flickr { background: transparent url(../images/ico_b_flickr.png) 5px 3px no-repeat; } #homepage .last_entries .inner .feed_container { margin-top: 40px; height: auto; min-height: 450px; /* overflow: hidden;*/ } #homepage .last_entries .inner ul.feed { } #homepage .last_entries .inner ul.feed li { border-top: 1px solid #767676; padding: 14px 0px 10px 0px; } #homepage .last_entries .inner ul.feed li.first { border-top: 0px; } #homepage .last_entries .inner ul.feed li.agit8 { background: transparent url(../images/ico_t_agit8.png) 200px 14px no-repeat; } #homepage .last_entries .inner ul.feed li.twitter { background: transparent url(../images/ico_t_twitter.png) 200px 14px no-repeat; } #homepage .last_entries .inner ul.feed li.facebook { background: transparent url(../images/ico_t_facebook.png) 200px 14px no-repeat; } #homepage .last_entries .inner ul.feed li.flickr { background: transparent url(../images/ico_b_flickr.png) 200px 14px no-repeat; } #homepage .last_entries .inner ul.feed li span.date { display: block; height: 30px; font-family: Georgia, Arial, sans-serif; font-size: 28px; line-height: 22px; color: #F2F2F2; } #homepage .last_entries .inner ul.feed li p { font-size: 12px; line-height: 14px; color: #f3f3f3; width: 195px; overflow: hidden; } #homepage .last_entries .inner ul.feed li p a { color: #00D7E2; } #homepage .last_entries .inner ul.feed li p a.twitlink { text-decoration:none; color: #00D7E2; } #homepage .last_entries .inner ul.feed li p a.twitmark { text-decoration:none; color: #00D7E2; } #homepage .last_entries .inner ul.feed .from { font-size: 12px; color: #FFFFFF; height: 20px; margin-bottom: 2px;} #homepage .last_entries .inner ul.feed .from a { text-decoration:none; color: #FFFFFF; } #homepage .last_entries .inner ul.feed .from a { text-decoration:none; color: #FFFFFF; } #homepage .last_entries .inner ul.feed .from span { /*margin-top: 3px; display: block; float: left;*/ } #homepage .last_entries .inner ul.feed .from img { width: 27px; height: 27px; float: left; border: 0px; margin-right: 5px; } #homepage .last_entries .inner ul.feed .from span { font-size: 20px; } #homepage .main { float: left; width: 774px; } #homepage .main h1 { height: 116px; background: transparent url(../images/logo_turbulent_home.png) 20px 0px no-repeat; overflow: hidden; text-indent: -1000px; } #homepage .main .excerpt { height: 80px; padding: 10px 40px 5px 40px; font-size: 14px; line-height: 18px; color: #2B2B2B; } #homepage .main .inner { padding: 10px 40px 0px 40px; } #homepage .main .inner .recent_projects { float: left; width: 355px; height: auto !important; min-height: 700px; height: 700px; } #homepage .main .inner .recent_projects h3 { font-size: 32px; line-height: 18px; color: #333333; padding: 0px 0px 20px 0px; } #homepage .main .inner .recent_projects ul {} #homepage .main .inner .recent_projects ul li { height: 92px; margin-bottom:8px; overflow: hidden; border: 0px solid transparent; } #homepage .main .inner .recent_projects ul li:hover { background-color: #FFFFFF; border: 0px solid #CCCCCC; } #homepage .main .inner .recent_projects ul li .thumb { float: left; width: 137px; } #homepage .main .inner .recent_projects ul li .thumb .inner { padding: 6px 15px 6px 6px; } #homepage .main .inner .recent_projects ul li .infos { float: left; width: 210px; padding: 5px 5px 5px 0px; } #homepage .main .inner .recent_projects ul li .title a { display: block; font-size: 14px; line-height: 18px; color: #4C4C4C; font-weight: bold; } #homepage .main .inner .recent_projects ul li .client { display: block; font-size: 11px; line-height: 14px; color: #999999; font-weight: bold; } #homepage .main .inner .recent_projects ul li .text { display: block; font-size: 11px; line-height: 15px; color: #4C4C4C; } #homepage .main .inner .recent_articles { float: left; width: 315px; margin-left: 18px; height: auto !important; min-height: 700px; height: 700px; } #homepage .main .inner .recent_articles h3 { font-size: 32px; line-height: 18px; color: #333333; } #homepage .main .inner .recent_articles .top { width: 315px; height: 12px; background: transparent url(../images/bkg_recent_articles_top.png) 0px 0px no-repeat; } #homepage .main .inner .recent_articles .articles { background-color: #FCFBF7; padding-bottom: 50px; } #homepage .main .inner .recent_articles .articles .text { line-height: 17px; } #homepage .main .inner .recent_articles .articles .level1 { border-top: 1px solid #E3E2DF; } #homepage .main .inner .recent_articles .articles .level1 .date { width: 200px; height: 26px; font-weight: lighter; padding: 8px 0px 0px 13px; font-size: 22px; line-height: 16px; color: #FFFFFF; background: transparent url(../images/bkg_recent_articles_date.png) 0px 0px repeat-y; } #homepage .main .inner .recent_articles .articles .level1 .infos { padding: 18px 20px 18px 20px; } #homepage .main .inner .recent_articles .articles .level1 h4, #homepage .main .inner .recent_articles .articles .level1 h4 a { font-family: Georgia, Arial, sans-serif; font-size: 22px; line-height: 25px; color: #383838; font-weight: normal; } #homepage .main .inner .recent_articles .articles .level1 .text { font-family: Georgia, Arial, sans-serif; padding-top: 20px; font-size: 12px; color: #3D3D3D; } #homepage .main .inner .recent_articles .articles .level1 .text a.more { padding: 0px 0px 0px 5px; color: #06CED9; } #homepage .main .inner .recent_articles .articles .level1 .text a:hover.more { color: #06CED9; } #homepage .main .inner .recent_articles .articles .level2 { padding: 18px 20px; font-family: Georgia, Arial, sans-serif; } #homepage .main .inner .recent_articles .articles .level2.first { border-top: 1px solid #E3E2DF; } #homepage .main .inner .recent_articles .articles .level2 .date { font-size: 16px; line-height: 18px; color: #3D3D3D; } #homepage .main .inner .recent_articles .articles .level2 h4, #homepage .main .inner .recent_articles .articles .level2 h4 a { font-size: 16px; line-height: 18px; color: #3D3D3D; font-weight: normal; } #homepage .main .inner .recent_articles .articles .level2 .text { padding: 8px 0px 0px 3px; font-size: 12px; color: #3D3D3D; } #homepage .main .inner .recent_articles .articles .level2 a.more { padding: 0px 0px 0px 5px; color: #06CED9; } #homepage .main .inner .recent_articles .articles .level2 a:hover.more {color: #06CED9; } #homepage .main .inner .recent_articles .articles .level3 { padding:18px 20px; } #homepage .main .inner .recent_articles .articles .level3 .text { padding: 2px 0px 0px 3px; font-family: Georgia, Arial, sans-serif; font-size: 14px; color: #808080; } #homepage .main .inner .recent_articles .articles .level3 .text a { display: block; color: #808080; } #homepage .main .inner .recent_articles .articles .level3 .text a:hover { color: #3D3D3D; } /******************************************** * * BLOG * *********************************************/ #blog .main { padding: 0px 0px 146px 0px; } #blog .main .title { font-family: Georgia, Arial, sans-serif; font-size: 25px; font-weight: normal; color: #464648; line-height: 32px; } #blog .main .blog_img { position: relative; padding: 0px 0px 11px 20px; } #blog .main .blog_post { border-top: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; position:relative; background-color: #FCFBF7; padding: 30px 30px 20px 25px; } #blog .main #blog_post_container { position: relative; } #blog .main #blog_post_container .line { position: absolute; top: 0px; left: -2000px; width: 2000px; background-color: #FCFBF7; padding: 0px; margin: 0px; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; } #blog .main .blog_post .infos { position: relative; height: 50px; font-size: 10px; line-height: 14px; color: #000000; text-align: left; } #blog .main .blog_post .text_body { position: relative; font-family: Arial, sans-serif; font-size: 13px; line-height: 22px; color: #222222; } #blog .main .blog_post .text_body a { text-decoration: underline; color: #000; } #blog .main .blog_post .text_body ul { padding: 5px 0px 0px 0px; } #blog .main .blog_post .text_body ul li { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 12px; background: transparent url(../images/puce.png) 2px 8px no-repeat; } #blog .main .blog_post .text_body .bubulle { float: left; margin: 0px 5px 0px 0px; } #blog .main .blog_post .comments { margin-top: 20px; } #blog .main_listing { padding: 0px 0px 66px 0px; height: auto !important; min-height: 590px; height: 590px; } #blog .main .blog_listing { position: relative; padding: 0px 0px 11px 20px; } #blog .main .blog_listing ul {} #blog .main .blog_listing ul li { height: 130px; position: relative; padding: 10px; margin-bottom: 10px; background-color: #FFFFFF; border: 1px solid transparent; } #blog .main .blog_listing ul li.first {} #blog .main .blog_listing ul li:hover { background-color: #F3F3F2; border: 1px solid #DDDDDD; } #blog .main .blog_listing ul li .thumb { width: 210px; float: left; } #blog .main .blog_listing ul li .infos { width: 410px; float: left; } #blog .main .blog_listing ul li .infos.full { width: auto; } #blog .main .blog_listing ul li .infos .count { position: absolute; width: 38px; height: 31px; top: 10px; right: 10px; background: transparent url(../images/bkg_comments_nb_sm.png) 0px 0px no-repeat; font-family: Georgia, Arial, sans-serif; font-size: 18px; line-height: 22px; color: #00D7E2; text-align:center; } #blog .main .blog_listing ul li .infos .category { padding-top: 0px; font-size: 14px; line-height: 18px; color: #00D7E2; } #blog .main .blog_listing ul li .infos .title { padding: 5px 40px 0px 0px; } #blog .main .blog_listing ul li .infos .title a { font-size: 16px; line-height: 19px; color: #4C4C4C; font-weight: bold; } #blog .main .blog_listing ul li .infos .by { padding-top: 5px; font-size: 12px; line-height: 15px; color: #4C4C4C; } #blog .main .blog_listing ul li .infos .text { padding-top: 8px; font-size: 12px; line-height: 15px; color: #4C4C4C; } #blog .side { padding: 0px 0px 60px 0px; } #blog .side .inner_container { background-color: #464648; } #blog .side .inner { background: #464648 url(../images/bkg_side_grey.gif) 0px 0px repeat-y; padding: 19px 0px 0px 0px; } #blog .side .logo { margin-top: 20px; } #blog .side h3 { font-size: 20px; line-height: 22px; color: #FFFFFF; } #blog .side ul {} #blog .side ul li { margin-left: 1px; } #blog .side ul li:hover, #blog .side ul li.selected { background-color: #343435; } #blog .side ul li a {} #blog .side ul li span {} #blog .side .categories { float: left; width: 149px; } #blog .side .categories h3 { padding: 0px 0px 20px 16px; } #blog .side .categories ul li { height: 19px; padding: 1px 0px 0px 20px; } #blog .side .categories ul li a { color: #FFF; } #blog .side .categories ul li a span { padding-left: 3px; color: #00D7E2; } #blog .side .archives { float: left; width: 149px; } #blog .side .archives h3 { padding: 0px 0px 20px 16px; } #blog .side .archives ul { border-left: 1px solid #747475; } #blog .side .archives ul li { height: 19px; padding: 1px 16px 0px 0px; } #blog .side .archives ul li:hover { } #blog .side .archives ul li a { color: #FFFFFF; padding: 0px 0px 0px 23px; } #blog .side .archives ul li a span { padding-left: 3px; color: #00D7E2; } #blog .side .recents_article {} #blog .side .recents_article h3 { padding: 40px 0px 10px 16px; } #blog .side .recents_article ul {} #blog .side .recents_article ul li { height: 85px; position: relative; border-top: 1px solid #747475; background: transparent url(../images/bkg_comments_nb.png) 243px 15px no-repeat;} #blog .side .recents_article ul li:hover { background-color: #343435; } #blog .side .recents_article ul li.first { border-top: 0px; } #blog .side .recents_article ul li .comments_count { position: absolute; top: 15px; left: 249px; width: 30px; height: 18px; font-family: Georgia, Arial, sans-serif; font-size: 18px; line-height: 20px; color: #00D7E2; text-align:center; } #blog .side .recents_article ul li .title { display: block; width: 220px; padding: 15px 0px 0px 20px; overflow: hidden; font-style: italic; } #blog .side .recents_article ul li .title a { color: #00D7E2; font-size: 14px; line-height: 18px; } #blog .side .recents_article ul li .title a:hover {} #blog .side .recents_article ul li .date { display: block; height: 18px; padding: 0px 0px 0px 20px; color: #FFFFFF; font-size: 11px; line-height: 19px; overflow: hidden; } /******************************************** * * PROJECTS * *********************************************/ /* listing */ #projects {} #projects .main { padding: 0px 30px 100px 20px; position:relative; } #projects .main .bkg { position: absolute; z-index:-1; top: 28px; left: 20px; width: 960px; height: 640px; /* background-color: #FFFFFF; REMOVE TO GRADIENT */} #projects .main ul.list {} #projects .main ul.list li { float: left; background-color: #FFFFFF; height: 270px; width: 240px; overflow: hidden; border-top: 1px solid transparent; } #projects .main ul.list li:hover { background-color: #EEEDEC; border-top: 1px solid #9F9FA0; } #projects .main ul.list li .inner { padding: 11px 0px 20px 0px; } #projects .main ul.list li .inner .border { padding: 0px 20px 0px 20px; border-left: 1px solid #EEEDEC; } #projects .main ul.list li .inner .border.lastofrow { border-right: 0px; } #projects .main ul.list li:hover .inner .border { border-right: 0px; } #projects .main ul.list li .inner .border .thumb {} #projects .main ul.list li .inner .border .infos {} #projects .main ul.list li .inner .border .infos .title { padding-top: 5px; font-size: 14px; line-height: 18px; color: #4C4c4C; font-weight: bold; } #projects .main ul.list li .inner .border .infos .title a { color: #4C4c4C; } #projects .main ul.list li .inner .border .infos .client { padding-top: 0px; font-size: 11px; line-height: 15px; color: #999999; font-weight: bold; } #projects .main ul.list li .inner .border .infos .text { padding-top: 5px; font-size: 11px; line-height: 15px; color: #4C4c4C; } #projects .main ul.pagination { float: right; padding: 5px 0px 7px 0px; } #projects .main ul.pagination li { float: left; width: 17px; height: 15px; margin: 0px 1px 0px 1px; } #projects .main ul.pagination li a { display: block; width: 15px; height: 15px; font-size: 12px; line-height: 14px; color: #363636; text-align: center; } #projects .main ul.pagination li a:hover { color: #000000; background-color: #EEEDEC; } #projects .main ul.pagination li a.selected { color: #FFFFFF; background-color: #9F9FA0; } #projects .main ul.pagination li a.prev { background: transparent url(../images/bkg_pagination_prev.png) 10px 2px no-repeat; } #projects .main ul.pagination li a.next { background: transparent url(../images/bkg_pagination_next.png) 0px 2px no-repeat; } #sub_header.sub_header_filters { padding-bottom: 3px; } #sub_header.sub_header_filters h2.title span.fontr { float: left; display: block; height: 30px; width: 150px; } #sub_header.sub_header_filters h2.title span.filters { float: left; display: block; height: 30px; width: 250px; } /* single */ #project .main { padding: 0px 0px 80px 0px; } #project .main .project_img { position: relative; width: 662px; height: 396px; padding: 0px 0px 0px 20px; } #project .main .project_img .project_img_container { position: absolute; top: 0px; left: 20px; width: 642px; height: 385px; background-color: #464648; } #project .main .project_img .project_img_container.media_visible { display: block; } #project .main .project_img .project_img_container.media_hidden { display: none; } #project .main .project_img .nav { position: absolute; top: -20px; right: 23px; width: 638px; text-align:right; } #project .main .project_img .nav a { font-size: 14px; line-height: 13px; color: #474747; } #project .main .project_img .nav a:hover { color: #00D7E2; } #project .main .project_img .nav a.back { position:absolute; top:0; left:0; padding: 0px 15px 0px 15px; background: transparent url(../images/bkg_pagination_back.png) 0px 4px no-repeat; } #project .main .project_img .nav a.prev { padding: 0px 5px 0px 10px; background: transparent url(../images/bkg_pagination_prev.png) 0px 4px no-repeat; } #project .main .project_img .nav a.next { padding: 0px 10px 0px 10px; background: transparent url(../images/bkg_pagination_next.png) right 4px no-repeat; } #project .main .website_container { position: relative; height: 50px; } #project .main .website_container .website { position: relative; float: left; width: 220px; height: 40px; margin: 0px 0px 9px -26px; } #project .main .website_container .website a { display: block; float: left; height: 40px; padding: 0px 30px 0px 28px; font-size: 14px; line-height: 40px; color: #00D7E2; background: transparent url(../images/bkg_project_site.png) right -40px no-repeat; } #project .main .website_container .website a:hover { color: #3F3F3F; background-position: right 0px; } #project .main .website_container .website .offline { line-height: 35px; padding-left: 30px; } #project .main .website_container .clients_collabs { position: relative; float: left; /*width: 293px;*/ margin: 0px 0px 0px 20px; padding: 2px 48px 5px 27px; /*height: auto !important; min-height: 40px; */ height: 40px; z-index: 2; background: transparent url(../images/bkg_project_site2.png) right 0px no-repeat; } #project .main .project_tech_list { margin: 0px 0px 0px 20px; background-color: #EAEAEA; } #project .main .project_tech_list .col { float: left; width: 214px; } #project .main .project_tech_list .col .tags_title { display: block; text-align: left; padding: 10px 0px 10px 28px; height: auto; width: auto; float: none; border-bottom: 0px solid #747475; background-color: #AEAFB3; font-size: 15px; line-height: 20px; font-family: Georgia,Arial,sans-serif; color: #FFFFFF; } #project .main .project_tech_list .col .inner { padding: 10px 6px 10px 20px; } #project .main .project_tech_list .col .inner ul {} #project .main .project_tech_list .col .inner ul li { display: none; padding: 1px 0px 0px 0px; } #project .main .project_tech_list .col .inner ul li.selected { display: block; } #project .main .project_tech_list .col .inner ul li a { display: none; padding: 2px 5px 2px 10px; font-weight: normal; font-size: 13px; line-height: 16px; color: #000000; } #project .main .project_tech_list .col .inner ul li a:hover { color: #00D7E2; } #project .main .project_tech_list .col .inner ul li a.selected { display: block; color: #00D7E2; /*background-color: #AEAFB3;*/ } #project .main .project_post { margin: 0 0 0 20px; padding: 0px 20px 20px 25px; height: auto !important; min-height: 200px; height: 200px; background-color: #FCFBF7; } #project .main .clients { font-size: 12px; line-height: 18px; color: #3F3F3F; } #project .main .clients span { color: #3F3F3F; } #project .main .clients span.white { color: #FFFFFF; } #project .main .clients a { color: #8E8E8C; color: #3F3F3F; } #project .main .clients a:hover { color: #00D7E2; } #project .main .collabs { font-size: 12px; line-height: 18px; color: #3F3F3F; } #project .main .collabs span { color: #3F3F3F; } #project .main .collabs span.white { color: #FFFFFF; } #project .main .collabs a { color: #8E8E8C; color: #3F3F3F; } #project .main .collabs a:hover { color: #00D7E2; } #project .main .project_post .line { position: absolute; top: 0px; left: -2000px; width: 2000px; background-color: #FCFBF7; } #project .main .project_post .text_body { padding: 22px 0px 0px 0px; position: relative; font-family: Georgia, Arial, sans-serif; font-size: 13px; line-height: 22px; color: #3F3F3F; } #project .main .project_post .text_body ul { padding: 5px 0px 0px 0px; } #project .main .project_post .text_body ul li { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 12px; background: transparent url(../images/puce.png) 2px 8px no-repeat; } #project .main .project_post .tags { padding: 20px 0px 30px 0px; font-family: Georgia, Arial, sans-serif; font-size: 16px; line-height: 22px; } #project .main .project_post .tags .title { color: #3F3F3F; } #project .main .project_post .tags a.imp1 { color: #7B7C7C; } #project .main .project_post .tags a.imp2 { color: #5E5E5E; } #project .main .project_post .tags a.imp3 { color: #A5A5A5; } #project .main .project_post .comments { margin-top: 20px; } #project .main .project_post .comments .comment .text { width: 512px; } #project .side { padding-bottom: 55px; } #project .side h3 { font-size: 20px; line-height: 22px; padding: 18px 0px 5px 19px; } #project .side ul {} #project .side ul li { margin-left: 1px; padding: 5px 0px 3px 20px; } #project .side ul li:hover { } #project .side ul li a {} #project .side ul li .row { width: 256px; height: 60px; } #project .side ul li .row .thumb { float: left; width: 90px; padding: 4px 0px 0px 0px; } #project .side ul li .row .infos { float: left; width: 166px; } #project .side ul li .row .infos .title { font-size: 13px; line-height: 16px; } #project .side ul li .row .infos .text { font-size: 8px; line-height: 16px; } #project .side .medias { height: auto !important; min-height: 170px; height: 170px; background-color: #FFFFFF; } #project .side .medias h3 { color: #C7C7C8; } #project .side .medias ul {} #project .side .medias ul li { border-top: 1px solid #EEEDEC; } #project .side .medias ul li.first { border-top: 0px solid #EEEDEC; } #project .side .medias ul li:hover, #project .side .medias ul li.selected { background: transparent url(../images/bkg_project_medias.png) 6px 28px no-repeat; } #project .side .medias ul li:hover { background-color: #EEEDEC; } #project .side .medias ul li .row {} #project .side .medias ul li .row .thumb {} #project .side .medias ul li .row .infos {} #project .side .medias ul li .row .infos .title a { color: #4C4C4C; } #project .side .medias ul li .row .infos .text { font-size: 11px; line-height: 16px; color: #4C4C4C; } #project .side .related { margin-top: 10px; background: #464648 url(../images/bkg_side_grey.gif) 0px 0px repeat-y; } #project .side .related h3 { color: #FFFFFF; } #project .side .related ul {} #project .side .related ul li { border-top: 1px solid #747475; } #project .side .related ul li.first { border-top: 0px; } #project .side .related ul li:hover { background-color: #343435; } #project .side .related ul li .row { height: 80px; } #project .side .related ul li .row .thumb {} #project .side .related ul li .row .infos {} #project .side .related ul li .row .infos .title a { color: #FFFFFF; } #project .side .related ul li .row .infos .text { font-size: 12px; line-height: 16px; color: #00D7E2; } /******************************************** * * RECHERCHE * *********************************************/ /* #search_body #global_wrap #content { background: transparent url(../images/bkg_line_agit8.png) center 130px no-repeat; } */ #search .main { padding: 0px 0px 146px 0px; /*width: auto !important;*/ } #search .main .item_img { position: relative; padding: 0px 0px 11px 20px; } #search .main .item_post { position:relative; background-color: #FCFBF7; padding: 0px 20px 20px 25px; } #search .main .item_post .infos { position: relative; height: 50px; font-size: 14px; line-height: 40px; color: #000000; text-align: right; } #search .main .item_post .line { position: absolute; top: 0px; left: -2000px; width: 2000px; background-color: #FCFBF7; } #search .main .item_post .text_body { position: relative; font-family: Georgia, Arial, sans-serif; font-size: 13px; line-height: 22px; color: #3F3F3F; } #search .main .item_post .text_body .bubulle { float: left; margin: 0px 5px 0px 0px; } #search .main .item_post .comments { margin-top: 20px; } #search .main_listing { padding: 0px 0px 66px 0px; height: auto !important; min-height: 290px; height: 290px; } #search .main .item_listing { position: relative; padding: 0px 0px 11px 20px; } #search .main .item_listing ul {} #search .main .item_listing ul li { height: 130px; position: relative; padding: 10px; margin-bottom: 10px; background-color: #FFFFFF; } #search .main .item_listing ul li.first {} #search .main .item_listing ul li:hover { background-color: #F3F3F2; } #search .main .item_listing ul li .thumb { width: 210px; float: left; } #search .main .item_listing ul li .infos { width: 410px; float: left; } #search .main .item_listing ul li .infos.full { width: auto; } #search .main .item_listing ul li .infos .count { position: absolute; width: 38px; height: 31px; top: 10px; right: 10px; background: transparent url(../images/bkg_comments_nb_sm.png) 0px 0px no-repeat; font-family: Georgia, Arial, sans-serif; font-size: 18px; line-height: 22px; color: #00D7E2; text-align:center; } #search .main .item_listing ul li .infos .category { padding-top: 0px; font-size: 14px; line-height: 18px; color: #00D7E2; } #search .main .item_listing ul li .infos .title { padding: 5px 40px 0px 0px; } #search .main .item_listing ul li .infos .title a { font-size: 16px; line-height: 19px; color: #4C4C4C; font-weight: bold; } #search .main .item_listing ul li .infos .by { padding-top: 5px; font-size: 12px; line-height: 15px; color: #4C4C4C; } #search .main .item_listing ul li .infos .text { padding-top: 8px; font-size: 12px; line-height: 15px; color: #4C4C4C; } #search .side { padding: 0px 0px 60px 0px;} #search .side .inner_container { background-color: #464648; } #search .side .inner { background: #464648 url(../images/bkg_side_grey.gif) 0px 0px repeat-y; padding: 19px 0px 0px 0px; } #search .side .logo { margin-top: 20px; } #search .side h3 { font-size: 20px; line-height: 22px; color: #FFFFFF; } #search .side ul {} #search .side ul li { margin-left: 1px; } #search .side ul li:hover, #search .side ul li.selected { background-color: #343435; } #search .side ul li a {} #search .side ul li span {} #search .side .categories { float: left; width: 149px; } #search .side .categories h3 { padding: 0px 0px 20px 16px; } #search .side .categories ul li { height: 19px; padding: 3px 0px 0px 20px; } #search .side .categories ul li a { color: #00D7E2; } #search .side .categories ul li span { padding-left: 3px; color: #FFFFFF; } #search .side .archives { float: left; width: 149px; } #search .side .archives h3 { padding: 0px 0px 20px 16px; } #search .side .archives ul { border-left: 1px solid #747475; } #search .side .archives ul li { height: 19px; padding: 3px 16px 0px 0px; } #search .side .archives ul li:hover { } #search .side .archives ul li a { color: #FFFFFF; padding: 0px 0px 0px 23px; } #search .side .archives ul li a span { padding-left: 3px; color: #00D7E2; } #search .side .recents_article {} #search .side .recents_article h3 { padding: 40px 0px 10px 16px; } #search .side .recents_article ul {} #search .side .recents_article ul li { height: 65px; position: relative; border-top: 1px solid #747475; background: transparent url(../images/bkg_comments_nb.png) 243px 15px no-repeat;} #search .side .recents_article ul li:hover { background-color: #343435; } #search .side .recents_article ul li.first { border-top: 0px; } #search .side .recents_article ul li .comments_count { position: absolute; top: 15px; left: 249px; width: 30px; height: 18px; font-family: Georgia, Arial, sans-serif; font-size: 18px; line-height: 20px; color: #00D7E2; text-align:center; } #search .side .recents_article ul li .title { display: block; height: 18px; width: 220px; padding: 15px 0px 0px 20px; overflow: hidden; } #search .side .recents_article ul li .title a { color: #00D7E2; font-size: 16px; line-height: 18px; } #search .side .recents_article ul li .title a:hover {} #search .side .recents_article ul li .date { display: block; height: 18px; padding: 0px 0px 0px 20px; color: #FFFFFF; font-size: 14px; line-height: 19px; overflow: hidden; } /******************************************** * * CONTACT * *********************************************/ #contact {} #contact .heading_img { height: 238px; margin: 0px 0px 10px 20px; } #contact .main { } #contact .main .main_content { padding: 0px 20px 50px 25px; margin: 0px 0px 0px 20px; position: relative; background-color: #FFFFFF; color: #000000; } #contact .main h3 { font-size: 32px; line-height: 22px; padding: 18px 0 5px 0px; } #contact .main h4 { font-size: 20px; line-height: 22px; padding: 18px 0 5px 0px; } #contact .main .excerpt { padding: 0px 0px 20px 0px; font-family: Georgia, Arial, sans-serif; font-size: 13px; line-height: 22px; color: #3F3F3F; } #contact .main .gmap { padding: 0px 0px 20px 0px; height: 280px; } #contact .main .gmap .gmap_marker { font-family: Georgia, Arial, sans-serif; color: #3F3F3F; } #contact .main .gmap .gmap_marker .title { /*padding: 5px 0px 15px 0px; */ font-size: 13px; line-height: 22px; font-weight: bold; } #contact .main .gmap .gmap_marker p { font-size: 11px; line-height: 14px; padding: 0px 0px 10px 0px; } #contact .main .body { padding: 0px 0px 20px 0px; font-family: Georgia, Arial, sans-serif; font-size: 13px; line-height: 22px; color: #3F3F3F; } #contact .main .body p { padding: 0px 0px 18px 0px; } #contact .side { background-color: #FFFFFF; } #contact .side .inner { position: relative; padding: 0px 0 25px 20px; } #contact .side h3 { font-size: 32px; line-height: 22px; padding: 18px 0 0px 0px; } #contact .side h4 { font-size: 20px; line-height: 22px; padding: 30px 0 10px 0px; } #contact .side .social { position: absolute; top: 20px; right: 20px; width: 112px; height: 16px; } #contact .side .social ul {} #contact .side .social ul li { float: left; width: 24px; height: 24px; margin: 0px 0px 0px 4px; } #contact .side .social ul li a { display: block; width: 24px; height: 24px; background: transparent url(../images/ico_social_24.png) 0px 0px no-repeat; overflow: hidden; text-indent: -1000px; } #contact .side .social ul li a.facebook { background-position: 0px 0px; } #contact .side .social ul li a.flickr { background-position: -24px 0px; } #contact .side .social ul li a.rss { background-position: -48px 0px; } #contact .side .social ul li a.twitter { background-position: -72px 0px; } #contact .side .address { padding: 20px 0px 0px 0px; font-size: 14px; line-height: 18px; color: #000000; } #contact .side a.mail { display: block; font-size: 14px; line-height: 18px; } /******************************************** * * JOBS * *********************************************/ #jobs {} #jobs #slideshow { position: relative; width: 952px; height: 238px; margin: 0px 0px 10px 20px; overflow: hidden; z-index: 1200; } #jobs #slideshow.full { height: 576px; } #jobs #slideshow .slideshow_container { width: 952px; height: 238px; } #jobs #slideshow.full .slideshow_container { width: 952px; height: 576px; } #jobs #slideshow .mininav { position: absolute; top: 202px; right: 0px; width: 112px; height: 20px; padding: 7px 0px 0px 25px; background: transparent url(../images/bkg_slider.png) 0px 0px repeat; } #jobs #slideshow .mininav a { display: block; float: left; width: 7px; height: 12px; } #jobs #slideshow .mininav a.next { margin: 0px 0px 0px 0px; background: transparent url(../images/bkg_pagination_slideshow_next.png) 1px 1px no-repeat; } #jobs #slideshow .mininav a.prev { background: transparent url(../images/bkg_pagination_slideshow_prev.png) 1px 1px no-repeat; } #jobs #slideshow .mininav span.pages { display: block; float: left; width: 50px; height: 12px; color: #00D7E2; font-size: 12px; line-height: 11px; text-align: center; } #jobs #slideshow .fullscreen { position: absolute; top: 20px; right: 20px; width: 40px; height: 27px; } #jobs #slideshow .fullscreen a { display: block; width: 40px; height: 27px; background: transparent url(../images/ico_fullscreen.png) 0px 0px no-repeat; } #jobs #slideshow .fullscreen a:hover { background-position: 0px -27px; } #jobs #slideshow.full .fullscreen a { background-position: 0px -54px; } #jobs #slideshow .legend { position: absolute; top: 202px; left: 0px; width: 300px; height: 27px; } #jobs #slideshow .legend .text { display: none; float: left; height: 27px; padding: 0px 25px 0px 18px; background: transparent url(../images/bkg_slider.png) 0px 0px repeat; font-style: italic;} #jobs #slideshow .legend .text span { color: #E0E0E0; font-size: 14px; line-height: 23px; } #jobs #slideshow .line { position: absolute; top: 456px; left: -592px; width: 592px; height: 27px; background: transparent url(../images/bkg_slider_line.png) 0px 0px no-repeat; } #jobs #slideshow.full .legend { top: 456px; } #jobs #slideshow.full .legend .text { float: right; padding: 0px 50px 0px 18px; } #jobs #slideshow.full .legend .text span { } #jobs #slideshow .maxinav { /*display: none;*/ position: absolute; top: 490px; left: 0px; width: 952px; height: 76px; background: transparent url(../images/bkg_slider.png) 0px 0px repeat; } #jobs #slideshow .maxinav a.nav { display: block; float: left; width: 30px; height: 50px; background-color: #FF0099; } #jobs #slideshow .maxinav a.next { margin: 13px 0px 0px 0px; background: transparent url(../images/bkg_pagination_slideshow_next.png) 10px 20px no-repeat; } #jobs #slideshow .maxinav a.prev { margin: 13px 0px 0px 23px; background: transparent url(../images/bkg_pagination_slideshow_prev.png) 15px 20px no-repeat; } #jobs #slideshow .maxinav .slider { display: block; float: left; margin: 12px 0px 0px 0px; width: 851px; height: 52px; /*background-color: #FF0099;*/ font-size: 12px; line-height: 11px; text-align: center; } #jobs #slideshow .maxinav .slider ul { margin: 1px 0 0 0; } #jobs #slideshow .maxinav .slider ul li { float: left; margin: 0px 0px 0px 0px; width: 95px; height: 51px; } #jobs #slideshow .maxinav .slider ul li.first { margin: 0px 0px 0px 1px; } #jobs #slideshow .maxinav .slider ul li a { display: block; width: 87px; border: 1px solid #403F3F; } #jobs #slideshow .maxinav .slider ul li a.selected, #jobs #slideshow .maxinav .slider ul li a:hover { border: 1px solid #CCCCCC; } #jobs #slideshow .maxinav .slider ul li a img { width: 87px; height: 48px; } #jobs #slideshow .maxinav .slider .jcarousel-container { width: 851px; height: 52px; } #jobs #slideshow .maxinav .slider .jcarousel-clip { width: 851px; height: 52px; } #jobs .main { } #jobs .main .main_content { padding: 0px 20px 50px 25px; margin: 0px 0px 0px 20px; position: relative; background-color: #FFFFFF; color: #000000; } #jobs .main .main_content.stripe { padding: 0px 20px 10px 25px; background-color: #ADAFB1; color: #000000; } #jobs .main h3 { font-size: 32px; line-height: 22px; padding: 18px 0 5px 0px; } #jobs .main h4 { font-size: 20px; line-height: 22px; padding: 18px 0 5px 0px; } #jobs .main .excerpt { padding: 15px 0px 0px 0px; font-family: Georgia, Arial, sans-serif; font-size: 13px; line-height: 22px; color: #3F3F3F; } #jobs .main .gmap { padding: 0px 0px 20px 0px; height: 280px; } #jobs .main .gmap .gmap_marker { font-family: Georgia, Arial, sans-serif; color: #3F3F3F; } #jobs .main .gmap .gmap_marker .title { /*padding: 5px 0px 15px 0px; */ font-size: 13px; line-height: 22px; font-weight: bold; } #jobs .main .gmap .gmap_marker p { font-size: 11px; line-height: 14px; padding: 0px 0px 10px 0px; } #jobs .main .body { padding: 20px 0px 20px 0px; min-height: 200px; font-family: Georgia, Arial, sans-serif; font-size: 13px; line-height: 22px; color: #3F3F3F; } #jobs .main .body p { padding: 0px 0px 18px 0px; } #jobs .main .body ul { padding: 5px 5px 0px 5px; } #jobs .main .body ul li { margin: 0px 0px 0px 0px; padding: 0px 1px 5px 15px; background: transparent url(../images/puce.png) 2px 8px no-repeat; } #jobs .main .body ul.avantages li { float: left; width: 292px; padding: 0px 0px 0px 0px; height: 80px; background: transparent url(../images/ico_avantage1.png) 0px 1px no-repeat;} #jobs .main .body ul.avantages li.avantage1 { background-image: url(../images/icon_avantage1.png); } #jobs .main .body ul.avantages li.avantage2 { background-image: url(../images/icon_avantage2.png); } #jobs .main .body ul.avantages li.avantage3 { background-image: url(../images/icon_avantage3.png); } #jobs .main .body ul.avantages li.avantage4 { background-image: url(../images/icon_avantage4.png); } #jobs .main .body ul.avantages li .linner { margin: 0px 0px 0px 0px; padding: 13px 8px 0px 80px; line-height: 17px; } #jobs .main .body .minidesc { padding: 8px 20px 0px 0px; font-size: 10px; line-height: 12px; color: #3F3F3F; text-align: right; font-style: italic; } #jobs .main .body span.ico { display: block; float: left; width: 62px; height: 33px; margin: 5px 0 0 0; background: transparent url(../images/ico_jobs.png) 0px 0px no-repeat; } #jobs .main .body span.ico.sales { background-position: 0px 0px; } #jobs .main .body span.ico.project { background-position: 0px -50px; } #jobs .main .body span.ico.technical { background-position: 0px -100px; } #jobs .main .body span.ico.creative { background-position: 0px -150px; } #jobs .main .body .share { float: right; width: 170px; height: 30px; margin: 20px 5px 10px 0; background: transparent url(../images/bkg_jobs_share.png) 0px 0px repeat-y; } #jobs .main .body .share span.desc { float: left; width: 91px; padding: 5px 0 0 8px; color: #00D7E2; font-family: Arial, sans-serif; font-size: 14px; line-height: 18px; } #jobs .main .body .share span.links { display: block; float: left; width: 50px; height: 24px; margin: 0px 1px 0 0; } #jobs .main .body .share span.links a { display: block; float: left; width: 24px; height: 24px; margin: 3px 1px 0 0; background: transparent url(../images/ico_social_24.png) 0px 0px no-repeat; overflow: hidden; text-indent: -1000px; } #jobs .main .body .share span.links a.facebook { background-position: 0px 0px; } #jobs .main .body .share span.links a.twitter { background-position: -72px 0px; } #jobs .main .body .share span.arrow { display: block; float: left; width: 20px; height: 30px; margin: 0 0 0 0px; background: transparent url(../images/bkg_jobs_arrow.png) 0px 0px no-repeat; } #jobs .side { background-color: #464648; } #jobs .side .inner { position: relative; padding: 0px 0 0px 0px; } #jobs .side h3 { color: #FFFFFF; font-size: 32px; line-height: 22px; padding: 18px 0 12px 20px; } #jobs .side .social { position: absolute; top: 20px; right: 20px; width: 112px; height: 16px; } #jobs .side .social ul {} #jobs .side .social ul li { float: left; width: 24px; height: 24px; margin: 0px 0px 0px 4px; } #jobs .side .social ul li a { display: block; width: 24px; height: 24px; background: transparent url(../images/ico_social_24.png) 0px 0px no-repeat; overflow: hidden; text-indent: -1000px; } #jobs .side .social ul li a.facebook { background-position: 0px 0px; } #jobs .side .social ul li a.flickr { background-position: -24px 0px; } #jobs .side .social ul li a.rss { background-position: -48px 0px; } #jobs .side .social ul li a.twitter { background-position: -72px 0px; } #jobs .side .jobslist {} #jobs .side .jobslist ul {} #jobs .side .jobslist ul li { position: relative; height: 60px; padding: 0px 0 0 20px; border-top: 1px solid #747475; } #jobs .side .jobslist ul li:hover { background-color: #747475; } #jobs .side .jobslist ul li .title { padding: 11px 0 0px 0px; } #jobs .side .jobslist ul li .title a { color: #FFFFFF; font-size: 16px; line-height: 18px; } #jobs .side .jobslist ul li .desc { color: #00D7E2; font-size: 12px; line-height: 18px; padding: 6px 0 0px 0px; } #jobs .side .jobslist ul li .ico { position: absolute; top: 10px; right: 10px; width: 50px; height: 50px; background: transparent url(../images/ico_jobs.png) 0px 0px no-repeat; } #jobs .side .jobslist ul li .ico.sales { background-position: 0px 0px; } #jobs .side .jobslist ul li .ico.project { background-position: 0px -50px; } #jobs .side .jobslist ul li .ico.technical { background-position: 0px -100px; } #jobs .side .jobslist ul li .ico.creative { background-position: 0px -150px; } #jobs .side .requirements {} #jobs .side .requirements ul { border-top: 1px solid #747475; padding: 10px 0px 20px 0px; min-height: 150px; } #jobs .side .requirements ul li { background: transparent url(../images/puceb.png) 2px 8px no-repeat; margin: 0 10px 12px 20px; padding: 2px 9px 0 15px; font-family: Georgia, Arial, sans-serif; font-size: 13px; line-height: 18px; color: #FFFFFF; } #jobs .sidemsg { margin: 11px 0 0 0; background-color: #FFFFFF; } #jobs .sidemsg .inner { position: relative; padding: 0px 0 25px 20px; } #jobs .sidemsg .address { padding: 20px 0px 0px 0px; font-size: 14px; line-height: 18px; color: #000000; } #jobs .sidemsg a.mail { font-size: 14px; line-height: 18px; } /******************************************** * * NEXT .... * *********************************************/ #overlay { position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: #666; z-index: 1100; display: none; }