@charset "utf-8";


body { font-family:Arial, Helvetica, sans-serif; }
.content{margin:0 auto;}
.floatleft{ float:left; }
.floatright { float:right; }
.red{ background-color:#3b60ad; border-bottom:5px solid #F2F2F2;  width:62.5%; }
.gray{ background-color:#F2F2F2;  width:37%; height:59px;}
#wrapper{width:960px; margin:0 auto; margin-top:120px;}
a, a:active, a:visited{color:#3b60ad; text-decoration:none;}
a:hover{color:#545454;}

.clear{clear: both;
content: '.';
display: block;
font-size: 0;
line-height: 0;
visibility: hidden;
width: 0;
height: 0;}

.clearfix:after{clear: both;
content: '.';
display: block;
font-size: 0;
line-height: 0;
visibility: hidden;
width: 0;
height: 0;
}



/* Heading */

.name{float:right; margin-right:200px;}
.profile-pic{float:left; margin-left:20px;}
h1{ font-family:Helvetica, Arial; font-size:30px; color:#fff; font-weight:bold; padding:12px 0px 12px 0px;  text-shadow:2px 1px 1px #606060; }

.contact{margin:5px 0px 0px 0px;}
.info{margin:75px 0px 0px 5px;}
.info p{font-size:12px; font-weight:bold; line-height:22px; color:#505050;}

.social-bar{background-color:#505050; border-bottom:3px solid #E26964; height:30px; }
.social-bar ul{padding:3px 0px 0px 1px;}
.social-bar ul li{display:inline; padding:0px 0px 0px 5px;}


/* resume sections */

@font-face { font-family: Bebas Neue; src: url('BebasNeue.otf'); }
h2{ font-family: Bebas Neue; font-size:40px; color:#505050; }
.icon-education{ background:url(../images/icon-education.png) no-repeat; padding-left:60px; padding-top:2px; border-bottom:1px solid #E2E2E2; padding-bottom:15px; }

.icon-experience{  background:url(../images/icon-experience.png) no-repeat; padding-left:60px; padding-top:2px; border-bottom:1px solid #E2E2E2; padding-bottom:15px; }

.icon-skills{  background:url(../images/icon-skills.png) no-repeat; padding-left:60px; padding-top:2px; border-bottom:1px solid #E2E2E2; padding-bottom:15px; }


.tbl-items{font-size:12px; color:#7F7F7F; margin-left:30px;}
.tbl-items b{font-size:13px; color:#505050;}
.tbl-items p{line-height:17px; margin-top:12px;}
.tbl-items td{padding:30px 30px 0px 30px;}

.spacer{height:60px;}

/* Footer */

#footer{margin-top:80px;}
.skill-items{font-size:13px; color:#505050; font-weight:bold;}
.skill-items li{padding-bottom:10px;}
.height25{height:25px; border-bottom:0px;}

/* perso */
div.name h1 > a {
margin-right: 3px;
}