body,ul,li,p,h1, h2, h3, h4, h5, h6{margin:0;padding:0;}
body{background:#EEE; font-family:Arial;color:#888;}
h1, h2, h3, h4, h5, h6, #menu li{font-family:Georgia;}
p{font-size:13px;line-height:22px;}
p a:hover{text-decoration:underline;}
a{color:#06F;text-decoration:none;}
a img {border:0;}

.clear{clear:both;}

html, body, #background { height: 100%; }

body > #background{background:#EEE;}
#wraper{margin:20px auto;padding:20px 20px 00px;width:860px; background:#FFF;}
#header{height:140px;position:relative;}
#logo{position:absolute;top:25px;left:0px;}

/* menu langues*/
#language {list-style-type:none;float:right;margin:0 10px 0 0;background:#FFF url(../picture/dot.gif) 0 bottom repeat-x;padding-bottom:2px;}
#language li{float:left;}
#language li a{color:#888;text-decoration:none;font-size:10px;display:block;padding:0 4px 10px;background:#FFF url(../picture/bullet.gif) 0px -7px no-repeat;_height:12px;_width:10px;}
#language li a:hover{background-position:-7px 14px;}
#language li a.selected{font-weight:bold;background-position:8px 14px;}

/* main menu */
#menu{position:absolute;bottom:0;height:30px;width:100%;background:#FFF url(../picture/dot.gif) 0 bottom repeat-x;padding-bottom:2px;}
#menu ul{list-style-type:none;width:100%;}
#menu li{float:left;width:150px;margin-left:10px;padding:0;}
#menu li.first{margin-left:0px;}
#menu li.last{float:right; margin-right:0px;}
#menu li a{color:#888;text-decoration:none;text-align:center;background:#FFF;font-size:13px;padding:2px 0 2px;display:block;width:100%;background:#FFF url(../picture/menu.gif) 0 -40px no-repeat;height:16px}
#menu li a:hover{color:#FFF;background-position:0 -20px;}
#menu li a.active{color:#FFF;background-position:0 0;font-weight:bold;}

/* link cv */
#cv{position:absolute;bottom:-27px;right:10px;background:#FFF url(../picture/cv.gif) right 0 no-repeat;color:#888;font-size:9px;line-height:16px;font-family:arial;padding-right:16px;height:21px;}
#cv:hover{cursor: hand; color:#06F;background-position:right -21px;}

/* intro */
#intro{margin:40px auto;width:500px;font-size:22px;font-family:georgia;color:#AAA;position:relative;}
#intro #guillement-left{height:50px;position:absolute;top:-20px;left:-60px;font-size:90px;}
#intro #guillement-right{height:50px;position:absolute;bottom:-20px;right:-50px;font-size:90px;}

/* container */
#container{margin:40px 0 40px;padding:40px 15px 2px;background:#FFF url(../picture/dot.gif) 0 top repeat-x;}
#container h1{background:#06F url(../picture/bloc-title.gif) 0 0 no-repeat;font-size:14px;color:#FFF;padding:1px 2px 2px 10px;margin-bottom:15px;font-style:italic;}
#container #last-job{font-size:18px;margin:0 0 20px;padding-top:40px;background:#FFF url(../picture/dot.gif) 0 top repeat-x;.padding-top:20px;}

/* bloc (normal page)*/
#container .bloc{width:375px;float:left;margin:0 0 40px;}
#container .bloc-right{margin-left:80px;}
#container .vertical-spacer{height: 50px;}
#container .bloc-fixed{position: relative; left: 500px; top: -20px; width: 300px; margin-bottom: -20px;}

#container .bloc ul{list-style-position: inside; font-size: 13px; line-height: 22px;}

/* bloc (normal page)*/
#container .dotcv {cursor: hand; cursor: pointer; background:#FFF url(../picture/dotcv.gif) 50px 0 no-repeat;height:200px;}

/* title of sliding bloc */
#container .title h1{;z-index:10;position:relative;background:#06F url(../picture/exp-title.gif) 0 0 no-repeat;}
html > body #container .title > h1 {.font-style:normal;/*bug ie7 only*/}
#container .title h1 strong{position:absolute;right:7px;_right:40px;}
#container .title h1:hover{background-position:0 -20px;}
#container .title h1.close{background-color:#9CF;background-position:0 -40px;}
#container .title h1.close:hover{background-position:0 -20px;}
/*.title span{z-index:9;position:absolute;width:100%;height:100%;background:white;top:0;display:none;}*/

/* content of sliding bloc */
.content{width:830px;position:static;}
.content .innercontent{position:relative;margin-bottom:30px;width:830px;overflow:hidden;}
.content h2{position:absolute;top:0;left:0;width:200px;font-size:14px;padding:0px 0;}
.content p.skills{position:absolute;bottom:0;left:0;width:200px;font-size:11px;color:#AAA;line-height:18px;}
.content ul.description{margin-left:250px;min-height:150px;_height:150px;width:530px;}
.content ul.description li{margin-bottom:30px;}
.content ul.description li h3{font-size:13px;margin-bottom:10px;}

/* contact bloc */
.contact {background:#FFF;}
.contact img{float:left;margin-right:85px;}
#container .contact h1{font-size:16px;background:none;color:#06F;font-style:normal;}
.contact p{position:relative;margin-left:285px;padding-left:90px;}
.contact p label{position:absolute;left:0;font-weight:bold;_left:-90px;}

/* cv bloc (pierre moermans sliding bloc) */
.cv{width:830px;}
#container .cv h2{float:left;width:285px;position:static;margin:0 0 15px 0;}
#container .cv p{float:left;width:545px;margin:0 0 15px 0;}

/* footer */
#footer{
	text-align:center;padding:10px 0;color:#000;background:#BBB;
    color: #FFF;
    position: relative;
    height: 20px;
    margin-top: -40px;
}