@charset "utf-8";
* {padding: 0; margin: 0;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,tr,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}

img { border: none;}
ul li { list-style: none;}
.clear { clear: both;}
a { text-decoration: none; color: #95459c; }
a:hover {border-bottom: 1px dashed #95459c;}
.left{ float:left;}
.right{ float:right;}
.cache{ display: none;}
.red{ color:#a03030;}
.mauve{ font-weight: bold; color: #95459c; font-size: 1.4em;}
.green{ width: 100%; font-weight: bold; color: #629117; text-transform: uppercase; font-family: Trebuchet MS, Helvetica, Helvetica CE, Arial, sans-serif; font-size: 1.3em;}
.soon{ text-decoration: line-through;}


/**** h1,h2,h3... ****/

h1{
	font-family: Trebuchet MS, Helvetica, Helvetica CE, Arial, sans-serif;
	font-size: 2em;
	color: #272727;
}
h2{
	font-family: Trebuchet MS, Helvetica, Helvetica CE, Arial, sans-serif;
	font-size: 1.6em;
	color: #272727;
}
h2.home{
	font-family: Trebuchet MS, Helvetica, Helvetica CE, Arial, sans-serif;
	text-transform: uppercase;
	font-size: 1.6em;
	color: #272727;
}
h3{
	font-family: Trebuchet MS, Helvetica, Helvetica CE, Arial, sans-serif;
	color: #544848;
	font-weight: normal;
}
h3 span{
	color: #a03030;
	font-size: 2.2em;
	font-weight: bold;
}


/***** Container *******/

body{
	background: #f4f4dd;
	font-family: Helvetica, Helvetica CE, Arial, sans-serif;
	font-size: 0.7em;
	color: #272727;
}
#wrapper{
	background: url(../images/bg_fond.jpg) no-repeat top right;
	margin: 0 auto;
	width: 100%;
	min-height: 600px;
	min-width: 1024px;
}
#page{
	width: 100%;
	height: 100%;
}
/******** MENU **********/
#nav{
	height: 203px;
	width: 88%;
	float: right;
	min-width: 916px;
	background: url(../images/bg_menu_repeat.gif) repeat-x 0 53px;
	font-family: Trebuchet MS, Helvetica, Helvetica CE, Arial, sans-serif;
}
#nav #logo{
	float: left;
}
#nav a{
	color: #8b7c7c;
}
#menu{
	height: 220px;
	float: left;
	margin-left: 51px;
	width: 670px;
}
#menu .g_menu{
	float: left;
	width: 155px;
	padding-top: 69px;
}
#menu .g_menu_l{
	float: left;
	width: 130px;
	padding: 0 0 0 13px;
	color: #4D4343;
	margin: 15px 0 0 33px;
	height: 60px;
	background: url(../images/pointille.gif) repeat-y left;
}
#menu .g_menu_l ul.me_item_last a{
	color: #95459c;
}
#menu .g_menu_l ul.me_item_last a:hover{
	border-bottom: 1px dashed #95459c;
}

#menu ul.me_item a{
	font-size: 1em;
	font-weight: normal;
	text-transform: none;
	padding-left: 1px;
}
#menu ul.me_item a.active{
	color: #dc4e4e;
	font-weight: bold;
	text-transform: none;
	padding-left: 1px;
	font-size: 1em;
}
#menu a:hover{
	border: none;
	color: #5d5454;
}
#menu a.active{
	border: none;
	color: #4d4343;
}

#menu .g_menu a.bigm{
	font-size: 2.5em;
	font-weight: bold;
	text-transform: uppercase;
}

a.langua{
	color: #4D4343;
	float: right;
	height: 19px;
	width: 42px;
	background: url(../images/bg_lang.png);
	padding: 4px 8px 4px 11px;
	margin: 33px 30px 0 0;
}
a.langua:hover{
	color: #8b7c7c;
	background: #fff;
}

/*********** Main content ***********/

#main_content{
	width: 88%;
	float: right;
	min-width: 916px;
	margin-bottom: 40px;
}
#main_content .centerb{
	width: 777px;
	margin-left: 99px;
}
#main_content .res{
	width: 777px;
	height: 360px;
}
#main_content .desc{
	width: 147px;
}
#main_content .desc h2{
	padding: 0 8px 0 0;
}
#main_content .desc p.with{
	font-size: 10px;
	padding: 15px 8px 0 0;
}
#main_content .desc p.what{
	padding: 0 8px 10px 0;
}
#main_content .desc ul.spec{
	float: right;
	text-align: right;
	margin-top: 40px;
	text-transform: uppercase;
	font-weight: bold;
}
#main_content .desc ul.spec li{
	margin-bottom: 3px;
}
#main_content .desc ul.spec li span{
	padding: 0 8px;
}
#main_content .desc ul.spec li.htmlcss span{
	background-color: #aedde6;
}
#main_content .desc ul.spec li.joomla span{
	background-color: #e59595;
}
#main_content .desc ul.spec li.design span{
	background-color: #99db8a;
}
#main_content .desc ul.spec li.scrip span{
	background-color: #ccc;
}
#main_content .desc ul.spec li.wp span{
	background-color: #f1e34d;
}

#main_content .proj{
	background: url(../images/pointille.gif) repeat-y left;
	width: 630px;
}
#main_content .about{
	width: 310px;
	background: url(../images/pointille.gif) repeat-y left;
	height: 240px;
}
#main_content .about p{
	margin-bottom: 19px;
	margin-left: 12px;
}
#main_content .about h2{
	margin-left: 12px;
}
#main_content .proj img{
	margin-left: 10px;
	border: 1px solid #c8c8c8;
}
#main_content .separator{
	background: url(../images/separator.gif) no-repeat;
	width: 794px;
	height: 32px;
	margin: 10px 0;
}
#main_content .separator a{
	color: #c1b4c2;
	padding: 8px 0 0 0;
	margin-right: 10px;
	font-size: 10px;
	display: block;
	float: right;
}
#main_content .separator a:hover{
	color: #a492a6;
	border: none;
}

/****** Home ******/

.skills{
	float: right;
	width: 632px;
	margin-top: 20px;
}
.skills .bl{
	float: left;
	height: 145px;
	width: 153px;
	background: url(../images/bg_column.jpg) no-repeat top left;
	margin: 0 36px 10px 0;
	padding: 20px 0 0 12px;
	font-size: 1.2em;
	font-family: Trebuchet MS, Helvetica, Helvetica CE, Arial, sans-serif;
}
.skills .bl li{
	float: left;
	padding-left: 4px;
}
.skills .bl li:first-child{
	display: block;
	width: 100%;
}
.news{
	margin-left: 12px;
}
.news .laDate{
	font-style: italic;
	padding-right: 7px;
	color: #757575;
}
#main_content .projhome{
	background: url(../images/pointille.gif) repeat-y left;
	width: 630px;
}
#main_content .projhome img{
	margin: 0 0 10px 12px;
	border: 1px solid #c8c8c8;
}

/****** Footer ******/

#footer{
	background: #efebd5 url(../images/bg_footer_repeat.jpg) repeat-x;
	height: 202px;
	color: #747167;
	
}
#footer p{
	width: 88%;
	float: right;
}
#footer p span{
	margin: 24px 0 0 659px;
	display: block;
}