body {
    background:#e1e1e1 url(../gfx/bg.jpg) top center no-repeat;
    color:#2a2a2a;
    font: 12px/22px Arial, Helvetica, sans-serif;
}
.container {
    margin:auto;
    width:950px;
}
#header {
    height:190px;
}
#header h1 span {display:none;}

/* MAIN NAV */
#nav {
    margin:20px 0;
}
#nav ul {list-style:none;}
#nav ul li {float:left;}
#nav ul li a {
    background:#1274bb;
    border:1px solid #1068a9;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    color:#FFF;
    display:block;
    padding:4px 8px;
    margin:0 4px;
    text-align:center;
    text-decoration:none;
    min-width:100px;
}
#nav ul li a:hover {
    background:#1068a9;
}

#content {
    clear:both;
    min-height:600px;
}
#main-content {
    width:960px;
}
/* HOME PAGE */
.home .infobox {
    margin-top:20px;
}
.home .infobox h1 {
    color:#222;
    font-size:22px;
    margin-bottom:0;
    padding-bottom:10px;
}
.home .infobox h1 a:LINK,
.home .infobox h1 a:VISITED {
    color:#222;
    text-decoration:none;
}
.home .infobox h1 a:HOVER {
    text-decoration:underline;
}

.home .infobox .icon {
    float:left;
    padding-top:10px;
    text-align: center;
    width:80px;
}
.home .infobox .infor {
    float:right;
    padding:24px 0 0 10px;
    width:200px;
}
.home .infobox .description {
    clear:both;
    padding-top:10px;
    padding-bottom:10px;
}
.home .realisation {
    display:block;
    text-align:justify;
}
.home .realisation .preview {
    background:#FFF url(../gfx/bg_preview.jpg);
    border:1px solid #CCC;
    margin-bottom:0px;
    padding:5px;
}
.home .realisation .description {
    background:#222;
    color:#EEE;
    margin-bottom:10px;
    padding:10px;
    text-align:justify;
}
.home .realisation p {
    margin:0;
    padding:0;
}
.cv h4 {color:#FFF;}
a.btn:LINK, a.btn:VISITED {
    background:#ee4037;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    color:#FFF;
    display:block;
    padding:0 2px;
    text-align: center;
    text-decoration: none;
    width:100px;
}
a.btn:HOVER {background:#d73a32;}
/** FOOTER ----------------------*/
#footer {
    background:#222;
    border-top:4px solid #CCC;
    color:#999;
    margin:0px;
    padding:20px 0;
}
#footer .content {
    margin:auto;
    width:950px;
}
#footer h2 {
    color:#FFF;
    margin-top:0;
    font-size:18px;
}
#footer ul {
    list-style:none;
    margin:0 0 0 -16px;
}

/** TEXT ---------------------*/
h1,h2,h3,p,table,ul,ol {margin:20px 0;}
h1 {font-size:30px;}
h2 {color:orangered;font-size:26px;line-height:26px;font-weight:normal;}
h3 {border-top:1px solid #CCC;color:purple;font-size:16px;padding-top:20px;}
h4 {color:#1b94d2;font-size:16px;font-weight:normal;}

a:link 		{color:#999;}
a:visited 	{color:#999;}
a:hover 	{text-decoration:none;}

/** CUSTOM CLASSES ------------*/
div.clr {
    clear:both;
    height:0;
    width:100%;
}