/*********************************************
	Graphic Design by Enko 
	WebDeisgn by EmaGraphik
	
	Copyright 2004-2009 
	www.enko.com
	www.emagraphik.com
	All rights reserved
	
*********************************************/


/*********************************************
	RESET
*********************************************/
* {
margin:0;
padding:0;
font-size:1em;
background: transparent;
}

img 	{	border:none; }
h2		{	margin-bottom:1em; }
h3, h4	{	margin-right:0.3em; }
p 		{	margin-bottom:1em; }
ul p 	{	margin-bottom:0; }
ul 		{	margin-bottom:1em; }


.access 	{	display: none; }
.fleft 		{	float:left; }
.fright 	{	float:right; }
.clear 		{	clear: both; }
.hidden 	{	visibility: hidden; }




/*********************************************
	LAYOUT
*********************************************/
#wrapper {
width:800px;
margin:0 auto;
text-align: left;
min-height:490px;
}

/* Header */
#header {
position: relative;
width:100%; height:100px;
}
h1#logo a {
position: absolute;
bottom:8px; left:40px;
overflow: hidden;
padding: 28px 0 0 0;
width:74px;
height: 0px !important;
height /**/:28px;
}

/* Menu */
ul#menu {
width:auto;
position: absolute;
bottom:6px; right:40px;
margin:0!important;
}
ul#menu li {
float: left;
}
ul#menu li a,
ul#menu li h2 {
display: block;
padding:50px 1em 0 1em;
}
ul#menu h2 {
margin:0;
}

/* Submenu */
#submenu {
float: right;
width:22%;
margin-top:17px;
padding-top:18px;
}
#submenu li a {
display: block;
padding:0 0 3px 15px;
}
li.back_link a {

}

/* Subnav */
#content ul.subnav {
clear:both;
padding:0.4em 0 0 0;
margin-top:0.6em;
}
ul.subnav li {
float: left;
}
ul.subnav li a {
display: block;
width:15px;
padding: 15px 0 0 0;
margin:0 1em 0 0;
overflow: hidden;
height: 0px !important;
height /**/:15px;
}


/* Content */
#content 			{	padding:3em 40px; }
.home #content 		{	padding:114px 0 0 50%; min-height:250px;}
/*.profil #content 	{	padding-top:3em; }*/
/*.contact #content 	{	padding-top:3em; }*/

/* Footer */
#footer {
clear:both;
border-top:3px solid #e6dbc8;
}
#footer ul {
width:720px;
margin:0 auto;
text-align:left;
}
#footer li {
float: left;
margin:0.5em 1em 0 0;
}

/* Main*/
#main {
float:left;
width:75%;
}
a#toggle_link {
padding: 2px 0 2px 20px;
}

/* Main Portfolio */
.portfolio div#info {
padding:0;
}
.portfolio div#hide_this {
width:420px; /* need size for bug */
}
.portfolio a#toggle_link {
margin:0 0 0 0.8em;
}

p.legend {
background: #fff;
display: inline;
}
p.legend img,
.portfolio object {
clear: both;
display: block;
}
p.legend img {
border:2px solid #fff;
}

p.legend span {
line-height:1em;
margin:0 0.5em;
}
p.legend a {
margin:0 0.5em;
}

.portfolio div#main.projet {
width:100%;
}
/*.portfolio .projet ul {
width: 100%;
}
*/
p.portfolio_home  {
padding:0 200px 0 0;
}
.portfolio .projet ul li {
float: left;
width: 229px;
margin:0 10px 10px 0;
}
.portfolio .projet ul {
margin:3em 0 0  0;
}
.portfolio .projet ul li a {
display: block;
width:100%;
text-decoration: none;
clear: left;
}
.portfolio .projet ul li a img {
width: 225px;
border:2px solid #fff;
display: block;
}
.portfolio .projet ul li a:hover img {
border:2px solid #8b1513;
}

/* Main Home */
.home #main .welcome {
width:100%;
}
 .home div#hide_this {
width:360px; /*need size for bug */
}
.welcome h3 {
background: #000;
white-space:nowrap;
display: inline;
padding:0 0.1em;
}
.welcome h3 em {
font-weight:bold!important;
color:#fff!important;
font-style:normal;
}


.home a#toggle_link {
margin-top:2em;
}

/* Main profil */
.profil div#hide_this {
width:100%; /* need size for bug */
}
.profil h3 {
margin-bottom:5em;
}
.profil a#toggle_link {
margin:0 0 0 0.5em;
}


/* Contact Form */
#form_contact {
padding-top:3em;
position: relative;
}
#form_contact,
#form_contact fieldset {
width:100%;
border:none;
}
#form_contact legend {
display:none;
}
#form_contact ul {
list-style-type: none;
width:64%;
float:left;
}
#form_contact input,
#form_contact textarea {
width:100%;
border:1px solid #cec5b3;
background: #ede2cf;
padding:0.2em;
margin:0 0 1em 0;
color: #8c867a;
}
#form_contact input:focus,
#form_contact textarea:focus {
background: #f3eada;
border: 1px solid #887662;
color: #423022;
}

/* Buttons */

/*p.bt_submit  {
float: right;
width:33%!important;
margin:16em 0 0 0;
}*/
p.bt_submit  {
position: absolute;
right:80px;
bottom:0;
}
p.bt_submit input {	
text-transform:uppercase!important;
font-size:90%;
border:none!important; 
height:42px!important;
background: transparent!important;
text-align:left;
padding:0 0 0 40px!important;
cursor: pointer; 
}
p.bt_submit input:hover,
p.bt_submit input:focus {
color: #423022!important;
}




/*********************************************
	FONT
*********************************************/
body {
font-family:Arial, Helvetica, sans-serif;
text-transform:uppercase;
font-size:68%;
text-align: center;
}
body * {	
font-size:1em;
font-family:Arial, Helvetica, sans-serif; 
}


p.legend
{	font-size:0.9em!important;}


div#footer *,
ul#submenu a
{	font-size:95%; }

.profil a.toggle_link
{	font-size:0.8em!important; }

ul
{	list-style-type: none; }


ul#menu li a,
ul#submenu a,
ul#submenu a:hover,
ul#submenu .active a,
#footer a ,
.ul_projet li a,
.welcome ul a ,
.profil a.toggle_link,
p.legend a,
h4 a.lien_ext
{	text-decoration:none; }

#content ul#submenu li.back_link a:visited
{	text-decoration: underline; }

h2,
h3,
h4,
p.legend span,
#content ul#submenu li.back_link a:visited
{	font-weight:bold; }

h4 { float: left; }

ul#menu h2
{	font-weight: normal!important; }


div#info p
{	font-style:italic; }

#form_contact label {
text-transform:none;
}

.welcome h3 {
color:#fff;
font-weight:normal!important;
font-size:110%;
}
.welcome ul a 
{	font-size:180%; font-weight:normal; }

#form_contact input,
#form_contact textarea {
color: #8c867a;
}
#form_contact input:focus,
#form_contact textarea:focus {
color: #423022;
}




/*********************************************
	BACKGROUNDS
*********************************************/
html 								{	background: #ede2cf; }
body 								{	background: #f3eada url(images/layout/body.jpg) repeat-x center 0; }
#wrapper							{	background: url(images/layout/wrapper.jpg) no-repeat 0 100px; }
h1#logo	a								{	background: url(images/layout/enko.png) no-repeat 0 0; }
.home #content						{	background: url(images/layout/home.jpg) no-repeat 0 0; }
.portfolio #content					{	background: url(images/layout/content_portfolio.png) no-repeat 618px 0; }
.contact #content					{	background: url(images/layout/content_contact.png) no-repeat 694px 0; }
#menu li h2						{	background: url(images/layout/menu.png) no-repeat; }
.profil #menu li h2				{	background-position: center 0; }
.portfolio #menu li h2			{	background-position: center -150px; }
.contact #menu li h2			{	background-position: center -300px; }

/*#submenu							{	background: url(images/layout/submenu.png) no-repeat 15px 0; }*/
/*ul#submenu a:visited				{	background: url(images/layout/submenu_active.png) no-repeat 0 0; }
*/#submenu li.active a				{	background: url(images/layout/nav.png) no-repeat 0 -1400px; }
p.bt_submit input					{	background: url(images/layout/nav.png) 0 -1800px no-repeat!important; }
p.bt_submit input:hover				{	background: url(images/layout/nav.png) 0 -2000px no-repeat!important; }

a#toggle_link						{	background: url(images/layout/nav.png) no-repeat 0 -1600px; }



ul.subnav a							{	background: url(images/layout/nav.png) no-repeat; }
a.bt_prev  							{	background-position: 0 0!important; }
a.bt_next  							{	background-position: 0 -200px!important; }
a.bt_prev:hover  					{	background-position: 0 -400px!important; }
a.bt_next:hover  					{	background-position: 0 -600px!important; }
a.bt_prev_off	  					{	background-position: 0 -800px!important; }
a.bt_next_off	  					{	background-position: 0 -1000px!important; }
a.bt_prevproject  					{	background-position: 0 -1200px!important; }
a.bt_nextproject  					{	background-position: 0 -1400px!important; }



.home #menu li h2,
.contact #wrapper 					{	background: none; }
#form_contact input,
#form_contact textarea 				{	background: #ede2cf; }
#form_contact input:focus,
#form_contact textarea:focus 		{	background: #f3eada; }
#submenu_main li a 					{	background: #d7ccb8; }
#submenu_main li.project a 			{	background: #f3eada; }
#submenu_main li a:hover,
#submenu_main li.project_active a 	{	background: #6f665e; }