@charset "utf-8";
/*DEFAULT*/
html {
	background:#0f0e0e url(../img/bg_full.png) repeat-x;
	font-size:100%;
	height:100%;
	margin:0;
	padding:0;
	width:100%	
}
body {
	background:#636363 url(../img/bg_1024.png) center repeat-y;
	color:#231f20;
	font:0.75em/1.333 Verdana, "DejaVu Sans", "Bitstream Vera Sans", Geneva, sans-serif;
	height:auto;
	margin:0 auto;
	max-width:988px;
	width:988px	
}
hr, .hide {
	display:none
}
img {
	border:0 none
}
a {
	border:0 none;
	color:#231f20;
	font-weight:bold;
	margin:0;
	padding:0;
	text-decoration:underline
}
a:hover {
	text-decoration:none
}
input, select, textarea{
    font-size:100%;
	font-family:Verdana, "DejaVu Sans", "Bitstream Vera Sans", Geneva, sans-serif
}
fieldset {
	border:1px solid #383838;
	font-weight:bold;
	padding:10px
}
fieldset input, fieldset textarea, fieldset select {
	background:#575757;
	border:1px solid #231f20;
	color:#4cafd8;
	padding-left:5px
}
fieldset input, fieldset textarea {
	padding:5px 0 5px 5px;
}
fieldset input {
	margin-bottom:10px
}
fieldset input:focus, fieldset textarea:focus {
	background:#c7c7c7;
	border:1px solid #4cafd8;
	color:#383838;
	font-style:italic;
}
fieldset label {
	color:#515151;
	margin-bottom:5px
}
fieldset legend {
	border:1px solid #383838;
	border-bottom:0 none;
	color:#000;
	font-size:1.2em;
	padding:5px 10px
}
h1, h2, h3, h4, h5, h6, reset {
	margin:0;
	padding:0
}
h2 {
	font-size:1.666em
}
h3 {
	font-size:1.4em
}
blockquote {font-style:italic}
blockquote:before, blockquote:after {color:#fff; font-size:20px; font-weight:bold}
blockquote:before {bottom:5px; content:'« '; margin-left:-20px; position:relative}
blockquote:after {bottom:-5px; content:' »'; line-height:12px; position:relative}
.tc {
	text-align:center
}
.fl {
	float:left
}
.fr {
	float:right
}
.imp {
	color:#000;
	font-weight:bold
}
/*HEADER*/
#header {
	background:url(../img/bg_head.png) repeat-x;
	height:340px;
	margin:0 auto;
	/*IE6: overflow:hidden;*/
	width:960px
}
#header .header {
	background:url(../img/header_blue_bar.png) no-repeat 0 17px;
	height:284px;
	margin-left:-10px;
	width:979px
}
#logo {
	background:url(../img/header_logo.png) no-repeat;
	float:left;
	height:178px;
	margin-left:30px;
	text-indent:-9999px;
	width:180px
}
#font {
	background:url(../img/header_font_mm_nofx.png) no-repeat;
	float:left;
	height:64px;
	margin-top:22px;
	text-indent:-9999px;
	width:333px
}
#home {
	background:url(../img/header_home.png) no-repeat 0 0;
	clear:both;
	height:41px;
	margin-left:58px;
	width:110px
}
#home:hover {
	background:url(../img/header_home.png) no-repeat 0 -41px
}
#home a {
	color:#6b6a6a;
	display:block;
	font-weight:bold;
	height:41px;
	line-height:41px;
	text-indent:52px;
	text-decoration:none;
	vertical-align:middle;
	width:110px
}
#home a:hover {
	color:#4cafd8;
	text-decoration:underline
}
/*MAIN NAV*/
#mainNav {
	background:url(../img/menu_bg.png) center no-repeat;
	height:56px
}
#navMenu {
	float:left;
	height:43px;
	margin:0 0 0 15px;
	/*IE6: margin: 0 0 0 5px;*/
	padding:0;
	width:710px
}
#navMenu li {
	display:inline-block;
	float:left;
	height:43px;
	list-style:none;
	margin:1px 0 0;
	padding:0
}
#navMenu a {
	display:block;
	height:43px
}
#navMenu li.active a {
	display:none
}
#news, #folio, #price, #contact {
	text-indent:-9999px
}
#news {
	background:url(../img/menu_fr_sprite.png) 0 0 no-repeat;
	width:173px
}
#news:hover {
	background:url(../img/menu_fr_sprite.png) 0 -43px no-repeat
}
#news.active {
	background:url(../img/menu_fr_sprite.png) 0 -86px no-repeat
}
#folio {
	background:url(../img/menu_fr_sprite.png) -172px 0 no-repeat;
	width:187px
}
#folio:hover {
	background:url(../img/menu_fr_sprite.png) -172px -43px no-repeat
}
#folio.active {
	background:url(../img/menu_fr_sprite.png) -172px -86px no-repeat
}
#price {
	background:url(../img/menu_fr_sprite.png) -358px 0 no-repeat;
	width:171px
}
#price:hover {
	background:url(../img/menu_fr_sprite.png) -358px -43px no-repeat
}
#price.active {
	background:url(../img/menu_fr_sprite.png) -358px -86px no-repeat
}
#contact {
	background:url(../img/menu_fr_sprite.png) -529px 0 no-repeat;
	width:173px
}
#contact:hover {
	background:url(../img/menu_fr_sprite.png) -529px -43px no-repeat
}
#contact.active {
	background:url(../img/menu_fr_sprite.png) -529px -86px no-repeat
}
/*FONT SIZE*/
#font_size {
	float:left;
	height:25px;
	margin-left:25px
}
#font_small:hover {
	background:url(../img/header_font_size_small.png)
}
#font_defaut:hover {
	background:url(../img/header_font_size_defaut.png)
}
#font_large:hover {
	background:url(../img/header_font_size_large.png)
}
/*CONTENT*/
#content {
	background:url(../img/bg_960.png) center repeat-y;
	overflow:auto
}
/*LEFT*/
#col_left {
	float:left;
	height:auto;
	margin-left:38px;
	/*IE6: margin-left:15px;*/
	width:673px
}
#col_left .section h2 {
	background:url(../img/section_title.png) no-repeat;
	color:#9a9a9a;
	font-weight:bold;
	height:37px;
	line-height:37px;
	margin-top:10px;
	text-indent:15px;
	vertical-align:middle
}
.section_tarrow, .section_barrow {
	height:7px;
	width:14px
}
.section_tarrow {
	background:url(../img/section_tarrow.png) no-repeat;
	clear:both;
	position:relative
}
.section_content {
	background:url(../img/section_content.png) repeat-y;
	height:auto;
	padding:0 25px;
	width:623px
}
.section_barrow {
	background:url(../img/section_barrow.png) no-repeat bottom;
	clear:left;
	margin-left:606px
}
.section_end {
	background:url(../img/section_footer.png) no-repeat;
	height:40px;
	margin-bottom:20px
}
/*HOME*/
/*intro*/
#intro .img_presentation {
	border:1px solid #4cafd8;
	margin:15px 0 15px 15px
}
#intro p {
	text-align:justify
}
/*last work*/
#last_work .project {
	background:url(../img/section_contentp.png) repeat-y
}
#img {
	background:#757575;
	margin:-7px 21px 0 0;
	/*IE6: margin-top:-14px;*/
	padding:17px 0 5px;
	text-align:center;
	width:380px
}
#img img {
	border:4px solid #575757
}
#img img:hover {
	border:4px solid #4cafd8
}
#desc {
	margin-top:10px;
	width:219px
}
.desc {
	background:url(../img/last_project_desc.png) no-repeat;
	height:24px;
	width:219px
}
#date, #client, #date_display, #client_display {
	display:block;
	float:left;
	line-height:22px;
	vertical-align:middle
}
#date, #client {
	color:white;
	text-indent:5px;
	width:50px
}
#date_display, #client_display {
	text-indent:3px
}
#desc dt {
	font-weight:bold;
	text-decoration:underline;
	text-indent:5px
}
#desc dd {
	margin:8px 10px 0 15px;
	text-align:justify
}
/*news*/
div.news {
	height:auto;
	overflow:auto;
	padding:10px 0;
	width:618px
}
div.news_date, h3.news_title {
	color:#c7c7c7;
	font-weight:bold;
	vertical-align:middle;
}
div.news_date {
	background:url(../img/news_date.png) no-repeat;
	height:46px;
	line-height:46px;
	text-indent:7px;
	width:69px
}
h3.news_title {
	background:url(../img/news_title.png) no-repeat;
	font-weight:bolder;
	height:36px;
	line-height:25px;
	text-indent:15px;
	width:536px
}
h3.news_title a, h3.news_title a:hover, h3.news_title a:active {
	color:#c7c7c7;
	display:block;
	text-decoration:none;
	width:99.99%;
}
p.news_content {
	border-bottom:1px dashed #525252;
	height:auto;
	padding-bottom:10px;
	width:515px
}
div.news_coms {
	background:url(../img/news_coms.png) 75px 0 no-repeat;
	height:auto;
	margin-top:-22px;
	width:100%
}
span.news_coms_numb {
	margin:15px 0 0 105px;
}
span.news_coms_numb a {
	display:block;
	background:#757575;
	color:#525252;
	padding:2px 4px;
	text-decoration:none;
}
span.news_read {
	margin:15px 2px 0 0
}
span.news_read a {
	background:#525252;
	color:#4cafd8;
	display:block;
	padding:2px 4px;
	text-decoration:none;
}
span.news_coms_numb a:hover, .news_read a:hover {
	color:#9a9a9a;
}
div.news_break {
	background:url(../img/news_break.png) repeat-x;
	margin-left:-22px;
	height:2px;
	width:665px
}
/* NEWS */
ul.pagination {
	margin:15px auto 0;
	padding:0;
	text-align:center
}
ul.pagination li {
	display:inline-block;
	list-style:none;
	margin:0 1px
	/* IE6/7: margin:0 2px */
}
ul.pagination a {
	background:#a1a1a1;
	border:1px solid #6b6a6a;
	color:#6b6a6a;
	display:block;
	text-decoration:none
}
ul.pagination li.first a, ul.pagination li.last a {
	background:none;
	border:0 none
}
ul.pagination a:hover, ul.pagination li.active a {
	border:1px solid #231f20;
	color:#231f20
}
ul.pagination li.active a {
	text-decoration:underline
}
ul.pagination li, ul.pagination a {
	height:20px;
	line-height:20px;
	vertical-align:middle;
	width:20px
}
/* news content */
#read_news p {
	text-align:justify
}
#read_news p img.fl {
	padding-right:10px
}
#read_news p img.fr {
	padding-left:10px
}
/* nav article end */
div.news_nav {
	background:#919191;
	border-bottom:1px dashed #525252;
	border-top:1px dashed #525252;
	display:inline-block;
	margin:25px 0 10px;
	padding:10px 5px;
	width:100%
}
/* comments */
h3.com_pad {
	margin:25px 0 10px
}
#mod {
	border-bottom:1px dashed #525252;
	border-top:1px dashed #525252;
	margin-bottom:20px;
	width:100%
}
div.comments_container {
	float:left;
	margin-bottom:15px;
	width:100%
}
div.comment_infos {
	text-align:center;
	width:72px
}
div.gravatar {
	border:1px solid #575757;
	height:70px;
	width:70px
}
div.comments {
	background:#a1a1a1;
	border:1px solid #575757;
	width:535px
}
div.comments div.post_by a {
	color:#000
}
div.post_by {
	background:#919191;
	border-bottom:1px solid #575757;
	padding:5px 0 5px 10px
}
span.post_by {
	padding:0 15px 0 5px;
	text-align:center
}
p.post {
	padding:0 25px
}
div.post_reply {
	border-top:1px solid #919191;
	padding:5px;
	text-align:right
}
#result {
	font-weight:bold;
	padding:4% 1%;
	text-align:center;
	width:98%
}
#result.bad {
	background:#fcc;
	border:1px solid red;
	color:red
}
#result.good {
	background:#cfc;
	border:1px solid green;
	color:green
}
/* comments form */
fieldset.post_com {
	float:left;
	margin-top:30px;
	width:600px
}
fieldset.post_com input, fieldset.post_com textarea, fieldset.post_com label {
	float:left;
	margin-left:50px;
	width:500px
}
fieldset.post_com #send_com_form {
	float:right;
	margin:30px 45px 0 0;
	width:250px
}
/* SEARCH RESULTS */
fieldset.searchform {
	border:0 none
}
.searchform input {
	width:400px
}
.searchform input.submit {
	margin-left:15px;
	width:80px
}
.results {
	text-indent:15px
}
/* FOLIO */
div.folio_img {
	background:#575757;
	height:125px;
	margin:15px 0;
	position:relative;
	width:300px;
}
div.folio_img a {
	border:2px solid #6b6a6a;
	display:block;
	height:100%;
	width:100%
}
div.folio_img a:hover {
	border:2px solid #4cafd8
}
span.folio_img_over {
	cursor:pointer;
	display:none;
	float:left;
	height:125px;
	left:2px;
	position:absolute;
	top:2px;
	width:300px;
	z-index:999
}
div.folio_img a:hover span.folio_img_over {
	background:url(../img/folio_view_fr.png) center 90px no-repeat;
	display:block
}
/* projet */
#folio_view img.project_img {
	border-color:/*#4cafd8*/#575757;
	border-style:solid;
	border-width:8px 1px;
	margin-top:15px
}
#folio_view h3 {
	font-size:1.2em;
	margin-top:10px
}
#folio_view h3.label {
	background:#6b6a6a;
	color:#4cafd8;
	float:left;
	padding:0 .5em;
	text-align:right;
	width:8em
}
#folio_view h3.def {
	margin-left:9.5em
}
#folio_view h3.desc {
	float:none;
	margin-top:15px
}
#folio_view p {
	padding:5px 10px 0;
	text-align:justify
}
#folio_view #left_infos {
	border-right:1px dashed #6b6a6a;
	border-top:1px dashed #6b6a6a;
	float:left;
	width:68%
	/*IE6: width:67%*/
}
#folio_view #right_infos {
	border-top:1px dashed #6b6a6a;
	float:left;
	padding-left:5px;
	width:31%
	/*IE6: width:32%*/
}
/* PRICE */








/* CONTACT */
fieldset.contact {
	margin:0 auto;
	width:450px
}
fieldset.contact .left, fieldset.contact .right {
	/*color:#636363;*/
	float:left;
}
fieldset.contact .left {
	width:245px;
}
fieldset.contact input, fieldset.contact .right {
	width:200px
}
fieldset.contact #msg {
	display:block;
	max-width:440px;
	margin:10px auto;
	overflow:auto;
	width:440px;
}
fieldset.contact textarea, fieldset.contact .form_content select {
	width:450px;
}
fieldset.contact .not_needed {
	color:#231f20;
}
fieldset.contact input.missing, fieldset.contact textarea.missing, fieldset.contact select.missing {
	background:#ff9999;
	border:1px solid red;
	color:#000
}
#subject {
	margin-bottom:10px;
	width:450px;
}
#send {
	cursor:pointer;
	font-weight:bold;
	margin:10px 0 0;
	padding:5px 0;
}
#send:hover {
	background:#2e2e2e
}


/* SITEMAP */
dl.sitemap {
	background:green
}
dl.sitemap dt {
	background:yellow
}
dl.sitemap dd {
	background:red
}


/* LEGAL */


/* WHO */













/*RIGHT*/
#col_right {
	float:right;
	height:auto;
	margin-right:34px;
	/*IE6: margin-right:15px;*/
	width:200px
}
.cr_single, .cr_title {
	height:42px;
	margin-top:12px
}
.cr_single, .cr_title, .cr_end {
	width:200px
}
.cr_single {
	background:url(../img/right_title.png) no-repeat
}
.cr_title {
	background:url(../img/right_title_bg.png) no-repeat
}
.title_l, .title_r {
	display:block;
	float:left;
	font-size:1.2em;
	font-weight:bold;
	height:42px;
	line-height:36px;
	text-indent:10px;
	vertical-align:middle
}
.title_l {
	color:#9a9a9a;
	width:105px
}
.title_r {
	width:95px
}
.cr_content {
	background:url(../img/right_content_bg.png) repeat-y;
	overflow:auto;
	padding:10px;
	width:180px
}
.cr_content dl, .cr_content dd, .cr_content ul, .cr_content li {
		margin:0;
		padding:0
}
.cr_content li {
	list-style:none
}
.cr_end {
	background:url(../img/right_bottom.png) no-repeat;
	height:45px
}
/*lang*/
	#lang, #lang li, #lang a {
		height:21px
}
	#lang {
		margin:9px 5px 12px 10px;
		position:absolute
}
	#lang li, #lang a {
		width:37px
}
	#lang li {
		display:inline;
		list-style:none;
		margin:0;
		padding:0;
		position:absolute;
}
	#lang a {
		display:block
}
	#fr {
		background:url(../img/flags.png) 0 0 no-repeat;
		left:0
}
	#fr:hover {
		background:url(../img/flags.png) 0 -21px no-repeat
}
	#uk {
		background:url(../img/flags.png) -37px 0 no-repeat;
		left:40px
}
	#uk:hover {
		background:url(../img/flags.png) -37px -21px no-repeat
}
/*available*/
	#avail_bar, #avail_bar a {
		height:21px;
		/*IE6: height:20px;*/
		width:76px
}
	#avail_bar {
		margin:9px 5px 12px 10px
}
	#avail_bar a {
		display:block
}
	.now {
		background:url(../img/avail_fr.png) 0 0 no-repeat
}
	.quick {
		background:url(../img/avail_fr.png) 0 -21px no-repeat
}
	.soon {
		background:url(../img/avail_fr.png) 0 -42px no-repeat
}
	.define {
		background:url(../img/avail_fr.png) 0 -63px no-repeat
}
/*last works*/
	#recent_works img {
		border-top:5px solid #575757;
		border-bottom:5px solid #575757
}
	#recent_works img:hover {
		border-top:5px solid #4cafd8;
		border-bottom:5px solid #4cafd8
}
/*links*/
	#links .no_margin {
		margin:0 0 5px 0
}
	#links dt {
		text-decoration:underline;
		margin:15px 0 5px 0
}
	#links ul {
		text-indent:5px
}
	#links li {
		color:#231f20;
		list-style:none;
		width:100%
}
	#links li a, #rc_last_news li a {
		background:#9a9a9a;
		display:block;
		text-decoration:none;
		width:100%
}
	#links li a:hover, #rc_last_news li a:hover {
		background:#4cafd8
}
/*follow me*/
	.followme {
		float:left;
		height:32px;
		margin:2px;
		text-align:center;
		width:32px
}
#end_content {
	background:url(../img/bg_bottom.png) center no-repeat;
	height:20px
}
/*news*/
#news-index {
	border-top:1px dashed #221E1F;
	margin-top:10px;
	text-align:center
}
/*FOOTER*/
#footer_head {
	background:url(../img/bg_footer.png) center top no-repeat;
	height:40px;
	margin-top:30px
}
#footer {
	background:url(../img/bg_footer_content.png) center repeat-y;
	color:#383838;
	text-align:center
}
#footer_container {
	display:inline-block;
	/*IE6/7: display:inline;*/
	height:150px;
	margin:0 30px
}
#footer dl {
	float:left;
	border-left:1px solid #383838;
	border-right:1px solid #1a1717;
	height:100%;
	margin:0;
	text-align:left
}
#footer dl:hover, #footer dl:hover a, #footer dl:hover p, #footer dl:hover span, #footer dl:hover ul, #footer dl:hover li {
	color:#a1a1a1
}
#footer dl:hover dt {
	color:#4cafd8
}
#footer dl a:hover {
	background:#a1a1a1;
	color:#000
}
#footer dl#second_nav {
	border-left:0px none #231f20
}
#footer dl#fast_nav {
	border-right:0px none #231f20
}
#footer dt {
	background:#1a1717;
	padding:0 20px
}
#footer dd {
	margin:0
}
#footer ul {
	list-style:none;
	padding:0
}
#footer li {
	padding:0 30px
}
#footer li a {
	color:#2e2e2e;
	padding:0 0.4em;
	text-decoration:none
}

#footer a, #footer li {
	color:#2e2e2e
}
#w3c {
	display:inline-block;
	/*IE6/7: display:inline;*/
	height:50px;
	margin-top:10px;
	text-align:center
}
.testbutton {
  border:1px solid #383838;
  float:left;
  font-family:helvetica,arial,sans-serif;
  font-size:70%;
  font-weight:bold;
  margin:1em 1em 0 0;
  text-align:left;
  width:10em
}
.testbutton .last {
	margin:1em 0 0 0
}
.testbutton a {
  display:block;
  text-decoration:none;
  width:100%
}
.testbutton a:link, .testbutton a:visited, .testbutton a:hover {
  color:#000;
  text-decoration:none
}
.testbutton span.w3c {
  background-color:#1a1717;
  border-right:1px solid #383838;
  color:#07295c;
  padding:0 0.4em
}
.testbutton span.spec {
  padding:0 0.4em
}