html {
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    margin:0px;
    padding:0px;
    color:#999;
    height:100%;
    width:100%;
  }
body {
    font-size:12px;
    margin:0px;
    padding:0px;
    border-collapse:collapse;
    height:100%;
    width:100%;
    background-color: #fff;
    text-align:center;
    vertical-align:middle;
  }

#global {
    display:block;
    margin: auto;
    padding:0px;
    width: 800px;
    height:500px;
    background-color: #fff;
    text-align:left;
    overflow:hidden;
  }
       
a {
    text-decoration:none;
    color:#0088cc;
  }  
h1 {
    font-size:25px;
    font-weight:normal;
    display:block;
    text-align:left;
    margin:0px;
    padding:10px;
    padding-bottom:5px;
    padding-top:40px;
    vertical-align:middle;
  }
h2  {
    font-size:14px;
    font-weight:bold;
    display:block;
    text-align:left;
    margin:0px;
    padding:5px;
    padding-left:5px;
    padding-bottom:2px;
    vertical-align:middle;
    color:#999;
  }
#Titre a {
    color:#fff;
    text-decoration:none;
  } 
h3  {
    font-size:14px;
    font-weight:bold;
    display:block;
    text-align:left;
    margin:0px;
    padding:5px;
    padding-bottom:2px;
    vertical-align:middle;
    color:#999;
  } 
h4  {
    font-size:12px;
    font-weight:bold;
    display:block;
    text-align:left;
    margin:0px;
    padding:5px;
    padding-bottom:2px;
    vertical-align:middle;
    color:#999;
  }  
#Titre {
    font-size:14px;
    font-weight:normal;
    display:block;
    text-align:left;
    margin:0px;
    margin-bottom:10px;
    padding:2px;
    padding-left:10px;
    vertical-align:middle;
    background-color:#0088cc;
    color:#fff;
    border-radius: 5px 5px 5px 5px;
  }
#TwitterDiv {
    position:relative;
    display:inline;
    width:250px;
    text-align:left;
    margin:1em;
    background-color: #999;
    border-top:1px solid #999;
    border-bottom:1px solid #999;
    border-radius: 5px 5px 5px 5px;
    float:right; 
  }
.twtr-hd {
    display:none;
  }
#Curriculum {
    display:block;
    cursor:default;
  }
#ContentDiv {
    display:block;
    margin-left:10px;
    width:510px;
    height:190px;
    overflow:hidden;
    margin-bottom:10px;  
  }

div #ContactPersoDet, div #ContactProDet {
    display:inline;
    float:left;
    border-left:3px solid #0088cc;
    margin:0px;
    margin-right:20px;
    margin-left:10px;
    padding:0px;
    padding-left:5px;  
  }
div #ContactPersoDet p, div #ContactProDet p {
    display:block;
    text-align:left;
    margin:0px;
    padding:2px;
    padding-left:5px;    
  }
#LinkedInButton {
    display:block;
    text-align:right;
    margin-bottom:10px;
  }
#BottomLine {
    display:block;
    text-align:right;
    clear:both;
    background-color:#999;
    padding-right:10px; 
    padding-left:5px;
    color:#fff;
    border-radius: 5px 5px 5px 5px;
  }
#BottomText {
    display:inline;
  }
#BottomText a {
    color:#ffffff;
    text-decoration:none;
  }
.c1, .c2, .c3, .c4 {
    display:inline;
    margin:0px;
    border-left: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
    padding:0px;
  }
.c1  {
    border-left: 4px solid #ffffff;
    background-color:#88CC00;
    margin-left:10px;
  }
.c2  {
    background-color:#CC0088;
  }
.c3  {
    background-color:#8800CC;
  }
.c4  {                       
    border-right: 4px solid #ffffff;
    background-color:#0088CC;
  }
.spacer {
    margin:5px;
  }
  
  
.ContentBlock {
    position : relative;
    height: 190px;
    width : 510px;
    overflow:hidden;
  }

#zoomBlock {
    position : absolute;
    top : 0px;
    left: 0px;
    height: 150px;
    width : 150px;
    overflow:hidden;
  }
#miniFrame {
    position : absolute;
    top : 0px;
    left: 170px;
    height: 178px;
    width : 328px;
    border : solid 1px #ccc;
    background-color:#f4f4f4;
    padding:5px;
    overflow: auto;
  }
.ContentBlock img {
    border:none;
  }
.ContentBlock a {
    text-decoration : none;
  }
#zoomBlock a {
    text-decoration : none;
    display : block;
  }

#ToolboxBlock {
    height:100%;
    width:100%;
    overflow: auto;    
  } 

#FavorisBlock {
    height:100%;
    width:100%;
    overflow: auto;    
  }

.ContentBlock p {
    padding:5px;
    margin:0px;
  }
.ContentBlock ul {
    padding:5px;
    padding-top:0px;
    margin:0px;
    list-style-type:square;
  }
.ContentBlock li {
    padding:0px;
    margin:0px;
    margin-left:20px; 
    list-style-type:square;
  }