html{overflow-y:scroll;}

/* reset properties */
body{margin:0;padding:0;font-family:"Arial", sans-serif;background:url(bg/col.png) repeat-y 62px 0;}

aside,article,hgroup,section,footer,header,h1,h2,h3,h4,h5,h6,ul,li,p,form,fieldset,dl,dd,dt,hr,div,address{display:block;margin:0;padding:0}
ul,li{list-style-type:none;}
fieldset,abbr,a img{border:0 none;}
address{font-style:normal;}

/* utils */
.abs{position:absolute;}
.fl{float:left;}
.fr{float:right;}
.clr{clear:both;}
.nobrd{border:0 none;}
.hide{display:none;}
.txtc{text-align:center;}
.txtl{text-align:left;}
.txtr{text-align:right;}

header{background:#fff url(bg/header.png) no-repeat 0 0;width:275px;height:137px;}
header hgroup{}
header hgroup h1{position:absolute;top:137px;left:62px;width:212px;color:#fff;background:#990000 url(bg/col.png) repeat-y 0 0;}
header hgroup h2{position:absolute;top:37px;left:682px;color:#ccc;font-size:16px;font-weight:normal;text-align:right;}
header nav{position:absolute;left:133px;top:137px;width:150px;}
header nav ul{margin:10px 0 0 0;}
header nav li{padding:10px 0 0 0;background:url(bg/menu.png) no-repeat right top;}
header nav li a{display:block;padding:2px 0 0 2px;height:20px;background:#333;text-decoration:none;text-transform:uppercase;color:#fff;font-size:16px;outline:0;}
header nav li a:focus,
header nav li a:hover{background:#555;}
header nav li a.on{background:url(bg/microgrid_trs.png);}

nav#deco{position:absolute;left:80px;}
nav#deco li a{text-decoration:none;text-transform:uppercase;color:#333;}

aside{background:url(bg/microgrid_trs.png);}
aside address a{color:#fff;text-decoration:none;background:#333;font-size:12px;}

section li{display:inline;background:#990000;color:#fff;padding:1px 3px;margin:3px 0 0 0;font-size:16px;}

article{margin:0 0 10px 285px;padding:10px;clear:both;}
article section h1{text-transform:none;color:#fff;background:#333 url(bg/repeat_grid.png) repeat-y left top;border-left:10px solid #333;font-weight:normal;display:inline;font-size:24px;padding:0 15px 0 35px;}

h1.fat{text-transform:uppercase;font-size:47px;font-weight:normal;}

.poly{position:absolute;top:0;overflow:hidden;width:120px;left:780px;}
/*
    .pl-1{left:440px;}
    .pl-2{left:580px;}
    .pl-3{left:500px;}
*/

#profil h2{font-size:24px;color:#333;border-bottom:1px solid #ccc;margin:0 0 15px 0;font-weight:normal;padding:10px 0;text-transform:uppercase;}
#profil section{width:300px;float:left;padding:0 0 15px 0;}
#profil section li{float:left;clear:left;background:#990000;color:#fff;padding:1px 3px;margin:3px 0 0 0;font-size:16px;}
#profil p{clear:both;width:600px;padding:15px 0 0 0;font-size:14px;border-top:1px solid #ccc;}


#realisation{}
#realisation nav{}
#realisation nav li{float:left;border:0px solid #ccc;color:#333;margin:4px;}
#realisation nav li a{text-decoration:none;color:#fff;background:#999 url(bg/microgrid_grey.png);display:block;padding:4px;width:25px;font-size:20px;text-align:center;}
#realisation nav li a.current,
#realisation nav li a:hover{background:#333;color:#fff;}
#realisation section{clear:both;width:650px;margin:10px 0;}
#realisation section div{float:right;margin:30px 0;color:#990000;width:100px;font-size:11px;text-align:right;}
#realisation section address{clear:both;margin:0;font-size:12px;text-align:right;padding:0}
#realisation section address a{font-style:normal;color:#333;text-decoration:none;}
#realisation section address a:hover{text-decoration:underline;}
#realisation section p{float:right;border:1px solid #ddd;padding:0px;margin:10px 0;}
#realisation section ul{float:right;width:20px;}
#realisation section ul li{display:inline;float:right;clear:right;}

#about{width:400px;font-size:16px;}
#about a{color:#990000;}
#about address,
#about p{padding:10px 0;margin:0 10px}
#about p{border-top:1px solid #ccc;}


.js nav#deco{left:75px;height:137px;width:700px;overflow:hidden;}
.js nav#deco li{position:absolute;}
.js nav#deco li a{outline:0;}

.js article{position:absolute;}

.js h1.fat{display:none;}
.js aside{position:fixed;bottom:0;width:100%;margin:0;}
.js aside a{float:right;display:block;padding:5px 10px 8px 10px;margin-right:30px}
.js aside a:hover{text-decoration:underline;}

.js #realisation .frame{margin:25px 0 0 5px;width:650px;overflow:hidden;}
.js #realisation .list{width:90000px;}
.js #realisation .next,
.js #realisation .prev{position:absolute;top:200px;}
.js #realisation .next:hover,
.js #realisation .prev:hover{border-bottom:4px solid #ccc;}
.js #realisation .next{right:-53px;top:205px}
.js #realisation .prev{left:8px;}
.js #realisation nav{position:absolute;}
.js #realisation section{clear:none;float:left;width:650px;margin:30px 0;}

.js .deco{float:none;position:absolute;right:0;top:0;}