/* Loaded from cache in: /var/www/gregorymillasseau.fr/screen.cached.css */
@charset "UTF-8";
body {
  margin:0;
  font-family:Helvetica, Arial, Sans-Serif;
  font-size:14px;
  background:url('http://gregorymillasseau.fr/img/bg_dk.png') repeat top center;
}
#lightfx {
  position:absolute;
  width:100%;
  height:100%;
  background:url('http://gregorymillasseau.fr/img/bg_lightfx.jpg') no-repeat top center;
}
img { border:none; }
ul, li {
  margin:0;
  padding:0;
  list-style:none;
}
a {
  position:relative;
  text-decoration:none;
}
a:link, a:visited {
  color:#777777;
  font-weight:bold;
  text-shadow:1px 1px 0px rgba(255,255,255,0.6), 0px 0px 1px rgba(0,0,0,0.2);
}
a:hover {
  color:#888888;
  text-shadow:1px 1px 0px rgba(255,255,255,0.9), 0px 0px 1px rgba(0,0,0,0.2);
}
a:hover img {
  position:relative;
  top:1px;
  left:1px;
}
a:active {
  color:#ffffff;
  text-shadow:#eeeeee 0px 0px 5px;
}
#card {
  width:470px;
  height:215px;
  margin:200px auto;
  padding:9px 18px 28px;
  background:url('http://gregorymillasseau.fr/img/card.png') center top no-repeat;
}
#card-content {
  margin:0;
  padding:0;
  width:470px;
  height:193px;
  overflow:hidden;
}
#sliding-panel {
  width:1900px;
  height:193px;
  margin:0;
  margin-left:0px;
}
#sliding-panel > div {
  float:left;
  width:450px;
  height:173px;
  margin:0;
  padding:10px;
  overflow:hidden;
}
#card-navigation { height:22px; }
#card-navigation ul { height:22px; }
#card-navigation li {
  width:50%;
  height:100%;
}
#card-navigation li#go-next {
  text-align:right;
  float:right;
}
#card-navigation li#go-prev {
  float:left;
  opacity:0;
}
#card-navigation img {
  width:14px;
  height:14px;
  margin:4px 8px;
  border:none;
  cursor:pointer;
}
#me p {
  margin:0;
  padding:.5em;
  text-align:right;
  font-size:1.8em;
  font-weight:bold;
  line-height:.9em;
}
#name { text-align:center; }
#name a {
  display:block;
  width:294px;
  height:35px;
  margin:79px auto;
  background:url('http://gregorymillasseau.fr/img/name.png') left 0;
}
#name a:hover { background:url('http://gregorymillasseau.fr/img/name.png') left 35px; }
#contact p {
  margin:0;
  text-align:right;
}
#contact #photo {
  top:0;
  left:0;
  width:120px;
  height:120px;
  float:left;
  margin:0 1em 1em 0;
  -moz-box-shadow:0 0 5px #000000;
  -webkit-box-shadow:0 0 5px #000000;
  box-shadow:0 0 5px #000000;
}
#contact a:hover #photo, #contact a:focus #photo {
  -moz-box-shadow:0 0 8px #000000;
  -webkit-box-shadow:0 0 8px #000000;
  box-shadow:0 0 8px #000000;
}
#contact a:active #photo {
  -moz-box-shadow:0 0 3px #000000;
  -webkit-box-shadow:0 0 3px #000000;
  box-shadow:0 0 3px #000000;
}
#contact #vcard-icon {
  width:32px;
  height:32px;
  margin:-5px;
}
#contact dl, #contact ul { margin-left:110px; }
#contact dt { margin-top:.7em; }
#contact dd, #contact li {
  margin-left:100px;
  margin-top:1em;
}
#social img {
  width:32px;
  height:32px;
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
  border-radius:8px;
  margin:8px;
  vertical-align:middle;
}
#social a:hover img {
  top:0;
  left:0;
  background:#eeeeee;
}
#social ul {
  height:153px;
  margin:20px 40px;
}
#social li {
  width:165px;
  margin-left:20px;
  float:left;
}
#footer {
  position:fixed;
  bottom:0px;
  width:100%;
  margin:10px 0;
  padding:0;
  color:#222222;
  font-size:.8em;
  text-align:center;
  text-shadow:0px 1px 2px #999999;
}
#footer a:link, #footer a:visited {
  color:#303030;
  text-shadow:0px 1px 2px #999999, #ffffff 0 0 2em;
}
#footer a:hover { text-shadow:0px 1px 2px #999999, #ffffff 0 0 .8em; }