body { 
	background: #000; 
	margin: 0; 
	padding: 0; 
	font-family: "Lucida Sans Unicode", "Lucida Sans", Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #A5A5A5; 
}
a { outline: none; color: #CCC; }
a:hover { outline: none; color: #D10000; }

a img { border: none; }
#nofooter {  }
#footer { margin: 20px 0 0 0; }
.spacer { clear: both; }

h2 { color: white; font-size: 18px; /*font-variant: small-caps;*/ color: #CCC; font-weight: normal; }

#main { 
	position: relative;
	margin: 0 auto; 
	padding: 0; 
	width: 900px; 
	}
#header { margin: 0; }

#header h1 {  text-indent: -10000px; margin: 5px; padding: 0; }
#header h1 a { float: left; width: 100%; height: 100px; background: url(img/logo-jadmad.jpg) no-repeat; }

#header .separator { float: left; width: 900px; height: 20px; clear:both; }

#menu {
	position: relative;
	width: 720px;
	padding: 0 0 0 150px;
	margin: 0 auto;
	padding-bottom: 20px;
	font-size: 12px;
	font-weight: normal;
	background: transparent;
	}
#menu ul { 
	padding: 0; 
	margin: 0 auto;
	}
#menu ul li { float: left; margin: 0 10px 0 0px; padding: 0; list-style: none; }
#menu a { 
	color: #CBCBCB; 
	text-decoration: none; 
	padding: 3px 3px 0 3px; 
	}
#menu a:hover { color: #D40000; }
#menu a.active { color: #D40000; }

#errorMsg { border: 5px solid #D40000; padding: 5px; color: #D40000; font-size: 1em; }
#succesMsg { border: 5px solid #5F6CFF; padding: 5px; color: #5F6CFF; font-size: 1em; }

div.urform { padding: 0; margin: 0;  }
div.urform label  { display: block; color: #CCC; font-size: 0.8em; }
div.urform input.txtInput  { border: 1px solid #222; border-bottom: 5px solid #222; width: 300px; background: url(img/silver-texture01.jpg); }
div.urform p.txtAreaInput textarea  { border: 1px solid #222; border-bottom: 5px solid #222; width: 300px; height: 150px; font-family: Arial; background: url(img/silver-texture01.jpg); }

div.urform input.txtInput:hover, div.urform p.txtAreaInput textarea:hover {
	border: 1px solid #555; border-bottom: 5px solid #555;
}

div.urform input.txtInput:focus, div.urform p.txtAreaInput textarea:focus {
	border: 1px solid #555; border-bottom: 5px solid #555;	
}

#contactLeft { float: left; width: 400px; }
#contactRight { float: left; width: 450px; }

#content { padding: 10px;}

div.portfolio { float: left; width: 420px; padding: 10px 0 10px 0; margin: 0 0 10px 0; border-top: 1px solid #333;  }

div.separator { float: left; width: 20px; height: 20px; padding: 0; margin: 0;border: 0px solid red; }

div.portfolio h3 { margin: 0; padding: 0; font-weight: normal;  font-size: 1.2em; }
div.portfolio h3 a { text-decoration: none; }
div.portfolio h4 { margin: 0; padding: 0; font-weight: normal; color: #333; font-size: 1em; }
div.flash { float: left;  padding: 0; margin: 0 10px 0 0; }
div.description {  padding: 0; margin: 0;   }
div.description ul { padding: 0 0 0 12px; margin-left: 0; margin-right: 0; }
div.description li { padding: 0; margin-left: 0; margin-right: 0; }
div.description p { padding: 0; margin: 5px;  font-size: 11px; }

p.link { padding: 0; margin: 0; font-size: 0.9em; float: right; }
p.link a { text-decoration: none;}


span.horizontale{position: relative; float: left; width: 440px; height: 360px;}
span.verticale{position: relative; float: left; width: 440px; height: 500px;}

#content div.portfolio img{
	padding: 3px 3px 10px 3px;
	background: #CBCBCB;
	background: #fff;
}

/*  Folio JADMAD */

.photo-produit {
	margin-top: 20px;
	float: left;
	width: 380px;
	height: 260px;
	overflow: hidden;
	background: black url(img/bkg.gif) bottom center repeat-x;
}
.photo-produit img{ 
	background: transparent;
}


.description-produit {
	float: right;
	width: 485px;
}
.description-produit h1{
	margin:0;
	padding: 0; 
	font-size: 16px;
	font-weight: normal;	
	/*font-variant: small-caps;*/
	color: white; 
	border-bottom: 1px solid #CBCBCB;
}
.description-produit p {
	font-size: 11px;
}
.description-produit h4 {
	float: left;
	margin: 5px 5px 0 0;
	font-size: 16px;
	font-weight: normal;
	padding: 2px 0px 2px 0px;	
	/*font-variant: small-caps;*/
	color: white; 
}


#footer {  text-align: center; font-size:11px }
#footer a { color: #999999; text-decoration: none; padding: 3px 3px 0 3px; }
#footer a:hover { color: #D40000;  }
#footer ul { padding: 0; margin: 0; }
#footer ul li { display: inline; padding: 0; margin: 0 0 10px 0; }
#footer ul li a { margin: 0 10px 0 10px; }


#footer .main #Copyright {padding: 10px; color: #999999; background: black; }