body {
    padding : 0;
    margin : 0;
    font-family : Verdana, Geneva, sans-serif;
    font-size : 10px;
    color : #555;
    background-color : #333333;
}
a:link, a:visited, a:active {
    font-family : Verdana, Geneva, sans-serif;
    font-size : 9px;
    color : #999;
    text-decoration : underline;
}
a:hover {
    font-family : Verdana, Geneva, sans-serif;
    font-size : 9px;
    color : #333;
    text-decoration : none;
}
li h4 {
    font-weight : normal;
}
.alert {
    color : red;
    padding : 5px;
}
div.tooltipFormContainer {
    background-color : #000;
    border : 1px solid #fff;
    padding : 5px;
    white-space : nowrap;
    display : none;
    color : #fff;
    text-align : left;
    font-size : 12px;
}
#tagcloud {
    position : relative;
    padding : 0;
    margin-top : -15px;
    text-align : center;
    width : 98%;
    line-height : 24px;
}
#tagcloud h4 {
    font-weight : normal;
}
#tagcloud .s1 {
    position : relative;
    float : left;
    padding : 0 0 0 0;
    margin : 0 10px 0 10px;
    font-size : 10px;
}
#tagcloud .s2 {
    position : relative;
    float : left;
    padding : 0 0 0 0;
    margin : 0 10px 0 10px;
    font-size : 12px;
}
#tagcloud .s3 {
    position : relative;
    float : left;
    padding : 0 0 0 0;
    margin : 0 10px 0 10px;
    font-size : 16px;
}
#tagcloud .s4 {
    position : relative;
    float : left;
    padding : 0 0 0 0;
    margin : 0 10px 0 10px;
    font-size : 20px;
}
.fade_top {
    position : relative;
    top : -8px;
    margin-left : 0;
    width : 100%;
    height : 8px;
    display : block;
    background-image : url('/site_elements/layout/corners/fade-top.gif');
}
.fade_bottom {
    position : relative;
    bottom : -8px;
    margin-left : 0;
    width : 100%;
    height : 8px;
    display : block;
    background-image : url('/site_elements/layout/corners/fade-bottom.gif');
}
.lightBorder_topleft {
    position : absolute;
    top : -10px;
    left : -11px;
    height : 20px;
    width : 20px;
    display : block;
    background-image : url('/site_elements/layout/corners/border_tl.png');
}
.lightBorder_top {
    position : absolute;
    top : -10px;
    margin-left : 9px;
    width:782px;
    height : 10px;
    display : block;
    background-image : url('/site_elements/layout/corners/border_t.png');
}
.lightBorder_topright {
    position : absolute;
    top : -10px;
    right : -11px;
    height : 20px;
    width : 20px;
    display : block;
    background-image : url('/site_elements/layout/corners/border_tr.png');
}
.lightBorder_right {
    position : absolute;
    right : -11px;
    top : 0;
    margin-top : 10px;
    height:46px;
    width : 22px;
    display : block;
    background-image : url('/site_elements/layout/corners/border_r.png');
}
.lightBorder_bottomleft {
    position : absolute;
    bottom : -10px;
    left : -11px;
    height : 20px;
    width : 20px;
    display : block;
    background-image : url('/site_elements/layout/corners/border_bl.png');
}
.lightBorder_bottom {
    position : absolute;
    bottom : -10px;
    margin-left : 9px;
    width:782px;
    height : 12px;
    display : block;
    background-image : url('/site_elements/layout/corners/border_b.png');
}
.lightBorder_bottomright {
    position : absolute;
    bottom : -10px;
    right : -11px;
    height : 20px;
    width : 20px;
    display : block;
    background-image : url('/site_elements/layout/corners/border_br.png');
}
.lightBorder_left {
    position : absolute;
    left : -11px;
    top : 0;
    margin-top : 10px;
    height:46px;
    width : 11px;
    display : block;
    background-image : url('/site_elements/layout/corners/border_l.png');
}
h1 {
    font-size : 14px;
    margin-bottom : 0;
}
#top {
    padding : 0;
    margin-top : 10px;
    height : 94px;
    background-color : #39414a;
    color : #eeeeee;
}
#top_inner {
    position : relative;
    width : 800px;
    margin : 0 auto;
    padding : 0 0 18px 0;
    top : 1px;
    background-color : #ffffff;
}
#changeLang {
    position : absolute;
    padding : 5px 5px 5px 5px;
    margin : 0 0 0 -115px;
}
#top .title {
    font-size : 14px;
    margin-bottom : 0;
    font-weight : bold;
    color : #666;
}
#top .title a {
    font-size : 14px;
}
#title_website {
    position : relative;
    z-index : 1;
    width : 750px;
    margin : 0 auto;
}
#all_content {
    position : relative;
    z-index : 1;
    width : 750px;
    margin : 0 auto;
    border : 0 solid #fff;
    padding : 10px 5px 5px 5px;
    display : block;
}
#navig_column {
    position : relative;
    width : 160px;
    float : left;
    display : block;
    margin : 0;
    padding : 10px;
}
#navig_column .navig_section {
    position : relative;
    display : block;
    margin : 5px 0 5px 0;
    padding : 12px 9px 12px 9px;
    background-color : #ffffff;
}
#navig_column .navig_section2 {
    position : relative;
    display : block;
    margin : 0px 0px 25px 0;
    padding : 0px 0px 0px 0px;
    background-color : #ffffff;
    text-align: center;
    font-weight:bold;
}
#navig_column .navig_section2 .content {
    text-align: left;
    font-weight:normal;
    padding:0px 0px 5px 15px;
}
#navig_column .navig_section2 .content a{
    color:#555555;
}

.imageContainer {
    float : left;
}
.socialIconContainer {
    float : right;
}
.socialIconContainer .socialIcon {
    margin : 0 15px 7px 0;
}
.cvIcon {
    float : left;
    margin : 2px 13px 2px 2px;
}
#menu {
    list-style : none;
}
#menu li {
    margin-left : -35px;
    margin-bottom : 5px;
}
#content {
    width : 555px;
    float : right;
    background-color : #333333;
    padding : 0;
    margin : 0;
}
.block {
    padding : 0 0 0 0;
    margin-bottom : 30px;
    background-color : #ffffff;
}
.blockcontent {
    padding : 0 5px 0 5px;
    margin-bottom : 0;
}
.jobBlock {
    padding : 15px 5px 10px 5px;
    margin-bottom : 0;
}
.separator {
    position : relative;
    width : 80%;
    height : 1px;
    border : 0 solid #cccccc;
    margin : 0 auto;
    padding : 0 0 0 0;
    background-color : #cccccc;
}
.mainTitle {
    width : 100%;
    text-align : center;
    margin : 0;
    padding : 0 0 0 0;
}
.mainTitle h1 {
    font-size : 22px;
    color : #ffffff;
}
#footer {
    border-top : 1px dashed #ccc;
    border-bottom : 1px dashed #ccc;
    margin-top : 20px;
    padding : 0px;
    background-color : #fbfbff;
}
.blockfooter {
    padding : 5px;
    margin : 0px auto;
    width: 840px;
    text-align: left;
}
.blockfooter .item{
    float:left;
    width:210px;
    padding: 5px 0px 5px 0px;
}
.blockfooter .item a{
    font-size:10px;
    color:#555555;
    text-decoration: none;
}
.blockfooter .item a:hover{
    text-decoration:underline;
}
.blockfooter .item .title{
    font-size:15px;
    font-weight: bold;
    color:#555555;
}
#bottom_infos {
    position : relative;
    width : 750px;
    margin : 0 auto;
    text-align : center;
}
.section {
    width : 548px;
    padding : 4px;
    margin-bottom : 10px;
}
.clear {
    clear : both;
    width : 0;
    height : 0;
    margin : 0;
    padding : 0;
    font-size : 0;
    line-height : 0;
    border : 0;
}
.jobLogo {
    width : 120px;
    float : left;
    text-align : center;
    margin : 0 auto;
}
.jobLogo .dates {
    font-weight : bold;
    margin : 0;
    padding : 0 0 10px 0;
    font-size : 10px;
}
.jobLogo a {
    text-decoration : none;
}
.jobInfo {
    float : right;
    width : 400px;
    border-left : 1px solid #cccccc;
    padding-left : 5px;
}
.jobInfo h3 {
    font-weight : bold;
    margin : 0;
    padding : 0 0 0 0;
}
.jobInfo .summary {
    padding : 10px 0 3px 0;
}
.jobInfo .skill {
    font-weight : bold;
}
.timelineContainer {
    display : block;
    margin : 30px 0 0 0;
    padding : 0;
}
.timeline {
    position : relative;
    width : 700px;
    height : 1px;
    border : 0 solid black;
    margin : 0 auto;
    padding : 0 0 0 0;
    background-color : #000000;
}
.timeline .tooltip {
    position : relative;
    z-index : 3;
    background-color : #000000;
    display : none;
    background : url(../site_elements/layout/tooltip/timeline_tp_bg.png);
    height : 163px;
    margin : -5px 0 0 0;
    padding : 42px 30px 10px 30px;
    width : 310px;
    font-size : 11px;
    color : #ffffff;
}
.timeline .tooltip .image {
    float : left;
    margin : 5px 5px 5px 0;
    padding : 0;
    width : 80px;
}
.timeline .tooltip .image img {
    border : 1px solid #ffffff;
}
.timeline .tooltip .title {
    font-weight : bold;
    font-size : 12px;
    padding : 5px 0 5px 0;
}
.timeline .tooltip .content {
    float : right;
    width : 205px;
    border-left : 1px solid #ffffff;
    margin-top : 5px;
    padding : 0 5px 5px 5px;
}
.timeline .tooltip .contentNoImage {
    float : left;
    margin-top : 5px;
    padding : 0;
}
.timepoint {
    width : 32px;
    height : 32px;
    border : 0 solid black;
    position : absolute;
    margin : -15px 0 0 0;
}

.perso {
    background-image : url('../images/timeline/biberon.png');
    background-repeat : no-repeat;
}
.edu {
    background-image : url('../images/timeline/diplome.png');
    background-repeat : no-repeat;
}
.coldfusion {
    background-image : url('../images/timeline/coldfusion.png');
    background-repeat : no-repeat;
}
.ucb {
    background-image : url('../images/timeline/ucb.jpg');
    background-repeat : no-repeat;
}
.stepstone {
    background-image : url('../images/timeline/stepstone.png');
    background-repeat : no-repeat;
}
.question {
    background-image : url('../images/timeline/question.png');
    background-repeat : no-repeat;
}
.fatcha {
    background-image : url('../images/timeline/fatcha.png');
    background-repeat : no-repeat;
}
.timedate {
    font-size : 8px;
    position : relative;
    top : -13px;
    padding : 0 20px 0 0;
    margin : -15px 0 0 6px;
    color : #000000;
}
.timedate a {
    text-decoration : none;
}
.timedate a:hover {
    text-decoration : none;
}
div#fancy_overlay {
    position : fixed;
    top : 0;
    left : 0;
    width : 100%;
    height : 100%;
    display : none;
    z-index : 30;
}
div#fancy_loading {
    position : absolute;
    height : 40px;
    width : 40px;
    cursor : pointer;
    display : none;
    overflow : hidden;
    background : transparent;
    z-index : 100;
}
div#fancy_loading div {
    position : absolute;
    top : 0;
    left : 0;
    width : 40px;
    height : 480px;
    background : transparent url('../images/fancybox/fancy_progress.png') no-repeat;
}
div#fancy_outer {
    position : absolute;
    top : 0;
    left : 0;
    z-index : 90;
    padding : 20px 20px 40px 20px;
    margin : 0;
    background : transparent;
    display : none;
}
div#fancy_inner {
    position : relative;
    width : 100%;
    height : 100%;
    background : #fff;
}
div#fancy_content {
    margin : 0;
    z-index : 100;
    position : absolute;
}
div#fancy_div {
    background : #000;
    color : #fff;
    height : 100%;
    width : 100%;
    z-index : 100;
}
img#fancy_img {
    position : absolute;
    top : 0;
    left : 0;
    border : 0;
    padding : 0;
    margin : 0;
    z-index : 100;
    width : 100%;
    height : 100%;
}
div#fancy_close {
    position : absolute;
    top : -12px;
    right : -15px;
    height : 30px;
    width : 30px;
    background : url('../images/fancybox/fancy_closebox.png') no-repeat left top;
    cursor : pointer;
    z-index : 181;
    display : none;
}
#fancy_frame {
    position : relative;
    width : 100%;
    height : 100%;
    display : none;
}
#fancy_ajax {
    width : 100%;
    height : 100%;
    overflow : auto;
}
a#fancy_left, a#fancy_right {
    position : absolute;
    bottom : 0;
    height : 100%;
    width : 35%;
    cursor : pointer;
    z-index : 111;
    display : none;
    background-image : url("data:image/gif;base64,AAAA");
    outline : none;
    overflow : hidden;
}
a#fancy_left {
    left : 0;
}
a#fancy_right {
    right : 0;
}
span.fancy_ico {
    position : absolute;
    top : 50%;
    margin-top : -15px;
    width : 30px;
    height : 30px;
    z-index : 112;
    cursor : pointer;
    display : block;
}
span#fancy_left_ico {
    left : -9999px;
    background : transparent url('../images/fancybox/fancy_left.png') no-repeat;
}
span#fancy_right_ico {
    right : -9999px;
    background : transparent url('../images/fancybox/fancy_right.png') no-repeat;
}
a#fancy_left:hover, a#fancy_right:hover {
    visibility : visible;
    background-color : transparent;
}
a#fancy_left:hover span {
    left : 20px;
}
a#fancy_right:hover span {
    right : 20px;
}
#fancy_bigIframe {
    position : absolute;
    top : 0;
    left : 0;
    width : 100%;
    height : 100%;
    background : transparent;
}
div#fancy_bg {
    position : absolute;
    top : 0;
    left : 0;
    width : 100%;
    height : 100%;
    z-index : 70;
    border : 0;
    padding : 0;
    margin : 0;
}
div.fancy_bg {
    position : absolute;
    display : block;
    z-index : 70;
    border : 0;
    padding : 0;
    margin : 0;
}
div#fancy_bg_n {
    top : -20px;
    left : 0;
    width : 100%;
    height : 20px;
    background : transparent url('../images/fancybox/fancy_shadow_n.png') repeat-x;
}
div#fancy_bg_ne {
    top : -20px;
    right : -20px;
    width : 20px;
    height : 20px;
    background : transparent url('../images/fancybox/fancy_shadow_ne.png') no-repeat;
}
div#fancy_bg_e {
    right : -20px;
    height : 100%;
    width : 20px;
    background : transparent url('../images/fancybox/fancy_shadow_e.png') repeat-y;
}
div#fancy_bg_se {
    bottom : -20px;
    right : -20px;
    width : 20px;
    height : 20px;
    background : transparent url('../images/fancybox/fancy_shadow_se.png') no-repeat;
}
div#fancy_bg_s {
    bottom : -20px;
    left : 0;
    width : 100%;
    height : 20px;
    background : transparent url('../images/fancybox/fancy_shadow_s.png') repeat-x;
}
div#fancy_bg_sw {
    bottom : -20px;
    left : -20px;
    width : 20px;
    height : 20px;
    background : transparent url('../images/fancybox/fancy_shadow_sw.png') no-repeat;
}
div#fancy_bg_w {
    left : -20px;
    height : 100%;
    width : 20px;
    background : transparent url('../images/fancybox/fancy_shadow_w.png') repeat-y;
}
div#fancy_bg_nw {
    top : -20px;
    left : -20px;
    width : 20px;
    height : 20px;
    background : transparent url('../images/fancybox/fancy_shadow_nw.png') no-repeat;
}
div#fancy_title {
    position : absolute;
    z-index : 100;
    display : none;
}
div#fancy_title div {
    font : bold 12px Arial;
    padding-bottom : 3px;
    white-space : nowrap;
}
div#fancy_title table {
    margin : 0 auto;
}
div#fancy_title table td {
    padding : 0;
    vertical-align : middle;
}
td#fancy_title_left {
    height : 32px;
    width : 15px;
    background : transparent url('../images/fancybox/fancy_title_left.png') repeat-x;
}
td#fancy_title_main {
    height : 32px;
    background : transparent url('../images/fancybox/fancy_title_main.png') repeat-x;
}
td#fancy_title_right {
    height : 32px;
    width : 15px;
    background : transparent url('../images/fancybox/fancy_title_right.png') repeat-x;
}