body { margin:0; padding:0; font-size:1em; font-family:Nunito, sans-serif; color:#535353; }

h2 { font-size:1.6rem; color:#94bad0; text-transform:uppercase; margin:20px 0; font-weight:bold; }
h3 { font-size:1.3rem; color:#94bad0; margin:0; font-weight:bold; }

.content { width:1000px; margin:auto; overflow:auto; }

.bold { font-weight:bold; }

#main-header { height:200px; background:#f6f6f6 }
#main-header .logo { margin-top:50px; float:left; }
#main-header .logo img { width:100px; height:100px; float:left; border-radius:50px; }
#main-header .title { height:100px; margin-top:50px; margin-left:20px; padding:15px 0; float:left; }
#main-header .title h1 { margin:0; text-transform:uppercase; font-size:2rem; }
#main-header .title h1.subtitle { margin:0; font-size:1rem; font-weight:300; }

#main-wrapper { margin-top:20px; }

.col-left { width:660px; float:left; }
.col-left h2:after { content:'';  width:100px; height:1px; margin-top:10px; background:#d7d7d7; clear:both; display:block; }
.col-left nav ul { width:100%; background:#f6f6f6; list-style:none; margin:0; padding:0; float:left; }
.col-left nav ul li { width:220px; height:50px; float:left; }
.col-left nav ul li a { width:220px; height:50px; line-height:50px; float:left; text-align:center; text-decoration:none; text-transform:uppercase; color:#535353; font-size:0.8em; font-weight:bold; }
.col-left nav ul li a:hover { color:#fff; background:#94bad0; }
.col-left section { width:100%; padding:20px 0; float:left; }

#about { text-align:justify; }
#about img { float:left; margin:0 20px 0 0 }

#xp ul { margin:0; padding:0; list-style:none }
#xp ul li { background:#94bad0; color:#fff; padding:20px; margin-bottom:5px; border-radius:5px; }
#xp ul li h3 { color:#fff; }
#xp ul li p { margin:0; font-style:italic; }

#skill ul { list-style:none; margin:0; padding:0; }
#skill ul li { width:150px; height:150px; background:#f6f6f6; float:left; margin-left:20px; border-radius:75px; text-align:center; }
#skill ul li:first-child { margin-left:0px; }
#skill ul li .image { display:block; margin-top:40px; }

.col-right { width:300px; float:right; }
.col-right h2 { font-size:0.8rem; height:50px; line-height:50px; margin:0; background:#f6f6f6; color:#535353; text-align:center; }
.col-right #fiche table { border:1px solid #f6f6f6; padding:20px; }
.col-right #fiche table tr td { width:50%; height:30px; }
.col-right #fiche table tr td:first-child { font-weight:bold; }

footer { width:100%; height:200px; background:#f6f6f6 }