html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
html {overflow-y:scroll;}
body {font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; font-size:12px; color: #666666;line-height: 16px;padding:0px;background:#FFFFFF url(../images/wrapper.png) repeat-x scroll 0 0;text-shadow:0 1px 4px #E7E7E7;}
h1,h2,h3,h4,h5,h6 {margin:5px 0px;}
a, a:visited {cursor:pointer;color:#888;text-decoration:none;}
a:hover, a:focus, #datacontent .panel .aboutme .am span.linkspan:hover {cursor:pointer;text-decoration:underline;color:#333333;}
a img {border: 0;}
a:hover img {margin-left:3px;}

.fader {opacity: 0;-moz-opacity: 0;filter:alpha(opacity=0);position: absolute;top: 0;left: 0;width: 100%;height: 60px;background-color: #A4ADB7;}
.gris {color:#888;}
.petit {font-size:90%;}
.clear {clear:both;}
.spacer { height: 1em;}
.marginl20 {padding-left:20px;}
.apple_overlay {display:none;background-image:url(../images/white.png);width:640px;padding:35px;font-size:11px;}
.apple_overlay div.close { background-image:url(../images/close.png);position:absolute; right:5px; top:5px;cursor:pointer;height:35px;width:35px;}

.simple_overlay {display:none;z-index:10000;background:#FFFFFF url(../images/wrapper2.png) repeat-x scroll 0 0;width:675px;min-height:200px;border:0px;-moz-border-radius:0px 10px 10px 0px;-webkit-border-radius:0px 10px 10px 0px;-moz-box-shadow:0 0 90px 5px #000;-webkit-box-shadow: 0 0 90px #000;}
.simple_overlay .close {background-image:url(../images/close.png);position:absolute;left:-15px;top:-15px;cursor:pointer;height:30px;width:30px;}
.details p {margin:20px 0px;}
.details a, .details a:visited {color:#3399CC;}
.details {text-shadow:0 1px 1px #000;position:absolute;top:15px;right:15px;font-size:13px;color:#fff;width:150px;}
.details h3 {color:#aba;font-size:20px;}

#wrapper {width: 480px; margin: 0 auto;margin-top:80px;}
#wrapper #header  {margin:0px;padding:0px;}
#wrapper #header .title-h1 {text-align:center;display:block;padding:20px 0 0 65px;margin:0px;font-size:3.6em;color:#FFF;text-shadow:0 1px 10px #aba;}
#wrapper #header .tip {float:right;padding-right:65px;}
#wrapper #header a img:hover {margin:0px;}

#datacontent {background:transparent url(../images/content-product.png) left top repeat-x;width:480px;}

#datacontent ul {background:#CCCCCC url(../images/sec-navigation.png) repeat-x scroll 0 0;list-style: none;margin:20px 10px 0px 10px;-webkit-border-top-left-radius: 7px;-webkit-border-top-right-radius: 7px;-moz-border-radius-topleft: 7px;-moz-border-radius-topright: 7px;border-top-left-radius: 7px;border-top-right-radius: 7px;padding:0px 90px;display: block;height:40px;}
#datacontent li {float: left;padding:9px 8px;}
#datacontent li a {font-size:110%;text-shadow:0 1px 2px #DDDDDD;color:#666666;-webkit-border-radius: 3ex;
-moz-border-radius: 3ex;
border-radius: 3ex;background:transparent;padding:2px 10px;outline: 0;font-weight:bold;display: block;}
#datacontent li a:hover {text-decoration:none;background:#CCC;color:#333333;}
#datacontent li a.selected {text-shadow:0 1px 2px #666666;background:#a9a9a9;border:1px solid #E8E8E8;color:#FFFFFF;text-decoration:none;}

#datacontent .panels {overflow: hidden;padding:0px;margin:0px 0px 0px 0px;}
#datacontent .panels .corps {padding:5px 20px;}
#datacontent .panels .title_corps {padding:0px 10px 0px 10px;margin:0px 0px 0px 0px;}
#datacontent .panelsInner {overflow: hidden;}

#datacontent .panels .avatar {padding:10px 10px 0px 10px;float:left;}
#datacontent .panels h3 {font-size:18px;font-weight:normal;}
#datacontent .panels .title {background:#F2F2F2 url(../images/about-h3.png) repeat-x scroll 0 0;height:61px;color:#7C7C7C;text-shadow:0 1px 0 #FFFFFF;margin:-5px 0 0 0;}
#datacontent .panels .title a, #datacontent .panels .title a:visited {text-shadow:0 1px 2px #DDDDDD;color:#888;}
#datacontent .panels .title a:hover, #datacontent .panels .title a:active {text-decoration:none;color:#888;}
#datacontent .panels .title h3 {padding:11px 0px 0px 0px;color:#333;}
#datacontent .panels .title span {font-size:90%;
background:url("../images/about-h3-small.png") no-repeat scroll 0 0 transparent;
color:#FFFFFF;
float:right;
font-weight:bold;
line-height:20px;
margin-top:20px;
padding:0 25px 1px 30px;
text-shadow:0 1px 0 #BBBBBB;
text-transform:uppercase;
}

#datacontent .panel .aboutme {color:#888888;margin-bottom:10px;line-height: 20px;}
#datacontent .panel .aboutme a, #datacontent .panel .aboutme a:visited, #datacontent .panel .aboutme .am span.linkspan {color:#3399CC;}
#datacontent .panel .aboutme .i {float:left;padding:0px;font-size:100%;margin:0 0 0 20px;}
#datacontent .panel .aboutme .am  {margin-left:50px;}
#datacontent .panel .aboutme .tofmae {width:604px;-moz-border-radius:0px 0px 0px 0px;-webkit-border-radius:0px 0px 0px 0px;}
#datacontent .panel .aboutme .tofbeta {width:255px;-moz-border-radius:0px 0px 0px 0px;-webkit-border-radius:0px 0px 0px 0px;}
#datacontent .panel .aboutme .tofcv {width:595px;-moz-border-radius:0px 0px 0px 0px;-webkit-border-radius:0px 0px 0px 0px;}

#datacontent #work {text-align:center;}
#datacontent #work img {background-color:#fff;padding:2px;border:1px solid #ccc;margin:2px 5px;cursor:pointer;-moz-border-radius:4px;-webkit-border-radius:4px;}

#footer {height:40px;line-height:40px;margin:0px 0px 0px 10px;width:440px;height:40px;background:#CCCCCC url(../images/sec-navigation.png) repeat-x scroll 0 0;-webkit-border-bottom-right-radius: 7px;
-webkit-border-bottom-left-radius: 7px;
-moz-border-radius-bottomright: 7px;
-moz-border-radius-bottomleft: 7px;
border-bottom-right-radius: 7px;
border-bottom-left-radius: 7px;padding:0px 10px;display: block;}
#footer a {color:#CCC;}
#footer a:hover {text-decoration:none;color:#888;}