/* Global */
html {
  height        : 100%;
}
body {
  padding       : 0px;
  margin        : 0px;
  margin-top    : 2px;
  cursor        : crosshair;
  background    : #EEEEEE;
  height        : 100%;
  font          : 62.5%/1.6em "Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif; 
  color         : #888;
  background    : url(body.jpg) top repeat-y #333;
  background-attachment:fixed;
}
img {
  border : 0px;
}
#page {
  width         : 734px;
  margin        : 0 auto;
  height        : 100%;
  background    : url(content.jpg) right repeat-y #fafafa;
}

/* Zone de Titre */
#header {
  text-align    : right;
  font-size     : 12px;
  padding-top   : 5px;
  height        : 80px;
  background    : url(header.jpg) bottom no-repeat #333;
}

#header .lang,
#header .cvlist,
#header .theme {
  position      : relative;
  right         : 0px;
  float         : left;
  margin-top    : -5px;
  padding-left  : 3px;
}
#header .lang select,
#header .cvlist select,
#header .theme select{
  font-size     : 11px;
  background    : #333;
  border        : 1px solid #000000;
  color         : #AAA;
}
#header .lang option:hover,
#header .cvlist option:hover,
#header .theme option:hover{
  font-size     : 11px;
  background    : #555;
  border        : 1px solid #000000;
  color         : #AAA;
}

#header .poste {
  position      : relative;
  padding        : -50px;
  font-size     : 30px;
  font-weight   : bold;
}
#header .info {
  font-size     : 12px;
  font-weight   : bold;
}

#header .menu  {
  position     : relative;
  top           : 4px !important;
  top:0;
  text-align    : left;
}

#header .submenu{
  display        : inline;
  cursor         : pointer;
  font           : 100% Verdana;
  color          : #ccc;
  text-decoration: none;
  margin         : 0 -5px 0 0;
  padding        : 16px 8px;
  background     : #242424;
  position:      relative;
  bottom:        0;
  *bottom       : -9px;
   _bottom: -8px;
 }


#header .submenu:hover{
  position:relative;
  font           : 100% Verdana;
  color          : #ccc;
  background     : url(a_hover.jpg) bottom repeat-x #333;
  text-decoration: none;
  margin         : 0 -5px 0 0;
  padding        : 16px 8px;
}
#header .submenuh {
  display        : inline;
  position      :relative;
  bottom:        0;
  *bottom:       -9px;
   _bottom: -8px;
  cursor         : pointer;
  font           : 100% Verdana;
  color          : #fff;
  background     : url(a_active.jpg) bottom repeat-x #333;
  text-decoration: none;
  margin         : 0 -5px 0 0;
  padding        : 16px 8px;
}

#footer {
  position      : absolute;
  display       : none;
  font-size     : 10px;
  text-align    : center;
  /*bottom        : 0px;*/
  width         : 100%;
}

/* Commun a tout les contenu */
#content {
  position      : relative;
  display       : block;
  width         : 100%;
}

#content .page {
  text-align    : center;
  margin        : 10px;
  padding       : 1px;
}

#content .content {
  padding       : 5px;
}

#content .title {
  padding       : 10px;
  background    : url(desc.gif) bottom left no-repeat #444;
  border        : 1px solid #CCCCCC;
  padding       : 10px;
  margin        : 0px;
  font-weight   : bold;
  font-size     : 15px;
  color         : #AAAAAA;
}

#content .top {
  text-align    : center;
  background    : #DDDDDD;
  color         : #111111;
  margin        : 0px;
  border-top    : 1px solid #CCCCCC;
  border-right  : 1px solid #CCCCCC;
  border-left   : 1px solid #CCCCCC;
  font-size     : 12px;
  margin-top    : 5px;
  vertical-align: top;
  font-weight   : bold;
}
#content .bottom {
  text-align    : center;
  background    : #EEEEEE;
  color         : #111111;
  margin        : 0px;
  border-left   : 1px solid #CCCCCC;
  border-bottom : 1px solid #CCCCCC;
  border-right  : 1px solid #CCCCCC;
  font-size     : 12px;
  padding-left  : 5px;
}

#photo {
  float       : right;
  display     : block;
  background  : #FFFFFF;
  margin-right  : 5px;
  margin-bottom : 3px;
}

#photo .cadre1 {
  position      : relative;
  display       : block;
  width         : 154px;
  height        : 173px;
  border        : 1px solid #DDDDDD;
}
#photo .cadre2 {
  position   : relative;
  display    : block;
  width      : 152px;
  height     : 171px;
  border     : 1px solid #777777;
}
#photo .cadre3 {
  position   : relative;
  display    : block;
  width      : 150px;
  height     : 169px;
  border     : 1px solid #000000;
}
#photo .img {
  width      : 100px;
  height     : 100px;
  border     : 0px;
}


#params {
  width           : 500px;
  margin          : 0px;
  border          : 1px solid #CCCCCC;
  background      : #EEEEEE;
  color           : #111111;
  padding         : 0px;
  font-size       : 12px;
  border-collapse : collapse;
  margin-bottom   : 0px;
}
#params .left {
  text-align    : right;
  background    : #DDDDDD;
  color         : #111111;
  margin        : 0px;
  padding       : 0px;
  width         : 150px;
  font-size     : 12px;
  padding-right : 5px;
  vertical-align: top;
  height        : 100%;
  border-bottom : 1px solid #CCCCCC;
}
#params .right {
  text-align    : left;
  margin        : 0px;
  padding       : 0px;
  font-size     : 12px;
  padding-left  : 5px;
  border-bottom : 1px solid #CCCCCC;
}

/* Propre au contenu MY */
#presentation {
  display       : block;
}
#knowledge {
  display : none;
}
#studies {
  display : none;
}
#others {
  display : none;
}
#experiences {
  display : none;
}
#download {
  display : none;
}


#experiences .year {
  border        : 1px solid #333333;
  background    : #AAAAAA;
  font-size     : 12px;
  font-weight   : bold;
  margin-top    : 3px;
  margin-bottom : 3px;
  cursor        : pointer;
}

.experience_element {
  text-align    : center;
  background    : #EEEEEE;
  color         : #111111;
  margin        : 0px;
  border-left   : 1px solid #CCCCCC;
  border-bottom : 1px solid #CCCCCC;
  border-right  : 1px solid #CCCCCC;
  font-size     : 12px;
  padding       : 0px;
  border-collapse: collapse;
  margin-left   : 5px;
  margin-right  : 5px;
  margin-bottom : 5px;
  width         : 99%;
}

.experience_element .poste {
  text-align    : center;
  background    : #DDDDDD;
  color         : #111111;
  margin        : 0px;
  border-top    : 1px solid #CCCCCC;
  border-right  : 1px solid #CCCCCC;
  border-left   : 1px solid #CCCCCC;
  font-size     : 12px;
  vertical-align: top;
  font-weight   : bold;
}
.experience_element .date {
  position      : absolute;
  top           : 0px;
  right         : 0px;
  font-weight   : normal;
  border-bottom : 1px solid #CCCCCC;
  border-left   : 1px solid #CCCCCC;
  padding-left  : 3px;
  padding-right : 3px;
}
.experience_element .subtitle {
  text-align    : right;
  background    : #E2E2E2;
  color         : #111111;
  margin        : 0px;
  width         : 20%;
  padding-right : 5px;
  vertical-align: top;
}
.experience_element .subinfo {
  text-align    : left;
  border-bottom : 1px solid #E2E2E2;
  color         : #111111;
  margin        : 0px;
  padding-left  : 3px;
}
.experience_element ul {
  margin        : 0px;
  padding       : 0px;
  padding-left  : 15px;
}