/*Eric Meyer Reset*/
  html, body, div, span, applet, object, iframe,  
 h1, h2, h3, h4, h5, h6, p, blockquote, pre,  
 a, abbr, acronym, address, big, cite, code,  
 del, dfn, em, font, img, ins, kbd, q, s, samp,  
 small, strike, strong, sub, sup, tt, var,  
 dl, dt, dd, ol, ul, li,  
 fieldset, form, label, legend,  
 table, caption, tbody, tfoot, thead, tr, th, td {  
  margin: 0;  
  padding: 0;  
  border: 0;  
  outline: 0;  
  font-weight: inherit;  
  font-style: inherit;  
  font-size: 100%;  
  font-family: inherit;  
  vertical-align: baseline;  
 }  
 /* remember to define focus styles! */  
 :focus {  
  outline: 0;  
 }  
 body {  
  line-height: 1;  
  color: black;  
  background: white;  
 }  
 ol, ul {  
  list-style: none;  
 }  
 /* tables still need 'cellspacing="0"' in the markup */  
 table {  
  border-collapse: separate;  
  border-spacing: 0;  
 }  
 caption, th, td {  
  text-align: left;  
  font-weight: normal;  
 }  
 blockquote:before, blockquote:after,  
 q:before, q:after {  
  content: "";  
 }  
 blockquote, q {  
  quotes: "" "";  
 }  

/* Balises HTML */	
/*--------------------------------------------------------------------------------*/
/* --- STYLES DE BASE --- */  
/* Page */ 
html { 
  font-size: 100%; /* Évite un bug d'IE 6-7. (1) */ 
} 
body { 
  font-size: .8em; /* À adapter pour la police choisie. (3) */ 
  line-height: 1.4; /* À adapter au design. (4) */ 
} 
 
/* Titres */ 
h1, h2, h3, h4, h5, h6 { 
  margin: 1em 0 .5em 0; /* Rapproche le titre du texte. (5) */ 
  line-height: 1.2; 
  font-weight: bold; /* Valeur par défaut. (6) */ 
  font-style: normal; 
} 
h1 { 
  font-size: 1.75em; 
} 
h2 { 
  font-size: 1.5em; 
} 
h3 { 
  font-size: 1.25em; 
} 
h4 { 
  font-size: 1em; 
}  
/* Listes */ 
ul, ol { 
  margin: .75em 0 .75em 32px; 
  padding: 0; 
}  
/* Paragraphes */ 
p { 
  margin: .75em 0; /* Marges plus faibles que par défaut. (7) */ 
} 
address { 
  margin: .75em 0; 
  font-style: normal; 
}  
/* Liens */ 
/* Pas de bordure pointillée ou halo lors du clic sur un lien */ 
a:active { 
  outline: none; 
} 
/* Pas de bordure autour des images dans les liens */ 
a img { 
  border: none; 
}  
/* Divers éléments de type en-ligne (8) */ 
em { 
  font-style: italic; 
} 
strong { 
  font-weight: bold; 
}  
/* Formulaires */ 
form, fieldset { 
  margin: 0; 
  padding: 0; 
  border: none; 
} 
input, button, select { 
  vertical-align: middle; /* Solution pb. d'alignement. (9) */ 
}

a, a:active { outline: none; } 
 
h1, h2, h3, h4, h5, h6 { margin: 0.3em 0; letter-spacing:1px; }
img				{  vertical-align: middle; }

a { 
	color: #DFDEB0;
	text-decoration:none;
}
a:hover {
	text-decoration: underline;
}

body 
{ 
	margin:0; background:#000; 
	font-family: "Century Gothic", sans-serif; 
	color: #FFF;
}

#navigation {
	position:fixed; 
	z-index:999;
	left:550px;
	top:20px;	
}
#navigation ul, #navigation li {
	margin:0; padding:0;
	list-style-type:none;
	text-align:right;
}
#navigation ul{
	margin-top:10px;
}
#navigation .menu a {
	color:#DFDEB0;
	text-decoration:none;	
	font-size:1.8em;
}
#navigation a:hover {
	color:#FFF;
}
#navigation .menu em {
	font-size:0.6em;
}

#siteTitle{
	text-align:left;
	color:#6F593E;
	font-size:1.2em;
	
}


#footer {
	position:fixed; 
	z-index:999;
	right:40px;
	bottom:5px;
	color: #DFDEB0;		
}
#footer li {
	float:left;
}
#copyright {
	clear:left;
	text-align:right;
	font-size:0.8em;
}
/*	CATEGORY	*/	
div.category {  
    position:relative; 
    overflow:hidden; 
    height: 745px; 
    width: 800px; 
} 
div.category div.items { 
    position:absolute; 
    height:20000em; 
}
.catTitle {
	font-weight:normal;
	font-size:2em;
	text-align:right;
	padding-right:10px;
}
.catTitle em {
	font-size:0.6em;
}
.catContent {
	width: 800px;
	height:1600px;
}
.description{
	position:relative;
	top:145px;
	left:5%;
	width:500px;
	padding:10px 290px 10px 10px;
	background :url("../images/pattern.png");
	overflow:hidden;
	text-align: justify;
}

div.section { 
    position:relative; 
    overflow:hidden; 
    width: 800px; 
    height:800px; 
} 
div.section div.elements { 
    width:20000em; 
    position:absolute; 
}  
div.section div.elements div { 
    float:left; 
}
.sectContent {
	width:500px;
	margin-right:2000px;
}
.scrollpane{
	height:250px;	
}
.jScrollPaneContainer {
	margin-right:2000px;
} 
.sectTitle {
	color:#DFDEB0;	
}
ul.nav{
	margin:0; padding:0; list-style-type:none;
}
ul.nav li{
	float:left; color:#FFF;
}
ul.nav li a{
	text-decoration:none; color:#AFA08E;
}
ul.nav li a:hover{
	color:#FFF;
}
ul.nav li a.current{
	color:#6F593E; 
}

#home {
	background :url("../images/home.jpg") no-repeat;
	}
.home {
	color:#DFDEB0;
}
#studio {
	background :url("../images/contact.jpg") no-repeat;
}
.studio {
	color:#9F7431;
}
#portfolio {
	background :url("../images/madeinmilkcreation.jpg") no-repeat;
}
.portfolio {
	color:#9F0006;
}
/*
 * PAGE DU PROJET G!PRESS
 */	
#project {
	background :url("../images/project-g!press.jpg") no-repeat;
}
.project {
	color:#9F008D;
}
/*
 * PAGE DES EXTENSIONS WORDPRESS
 */	
#extend{
	background :url("../images/wordpressextend.jpg") no-repeat;
}
.extend {
	color:#FFF;
}
/*
 * PAGE DE CONTACT
 */
#contact {
	background :url("../images/contact.jpg") no-repeat;
	padding: 50px;
	font-size:1.2em;
}
#emailform ul, #emailform li {
	margin:0; padding:0; list-style-type:none;
}
#emailform li {
	padding-top:5px;
}
#emailform label {
	float:left;
	width:150px;
}
#emailform input.form, #emailform textarea.form {
	margin-left:20px;
	width:200px;
}
#captcha  {
	padding-left:170px;
}
#send  {
	margin-left:170px;
}

/*
 * FENETRE MODALES
 */
.modalContent {
	float:left;
	background:url(../js/overlay/black.png); 
    display:none; 
    width:640px;         
    padding:35px; 
    font-size:11px; 
} 
 
.modalContent div.close { 
    background-image:url(../js/overlay/apple-close.png); 
    position:absolute; right:5px; top:5px; 
    cursor:pointer; 
    height:28px; 
    width:28px; 
}