@charset "UTF-8";
html,body{margin:0;padding:0}
form {margin:0;padding:0}

body, input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color:#BBB;
	border:none;
}
h1{
	font-size:18px;
	font-weight:bold;
	color:#F00;
	line-height:32px;
}
h2{
	font-size:14px;
	font-weight:bold;
	color:#000;
	line-height:18px;
}
#wrapper {
	position:relative;
	width:900px;
	height:600px;
	margin:0 auto;
	vertical-align:top;
}
#slideItUp2{
	position:absolute;	
	top:33px;
	left:149px;
	border:none;
	width:614px;
	height:341px;
	margin-left:-1px;
	z-index:2;
}
#background{
	position:absolute;
	top:33px;
	left:149px;
	border:0px;
	z-index:0;
	background-repeat:repeat-y;
}

.curtain {
	border:none;
}
#bouton{
	position:absolute;	
	top:180px;
	left:90px;
	color:#F00;
	font-size:36px;
	border:0px;
	z-index:10;
	cursor:auto;
}

#bouton a:link, #bouton a:visited{color:#0F0;text-decoration:none;}
#bouton a {
	display: block;
}
#bouton a:hover{
	color:#F00;
	margin: .02em .1em -.02em -.1em; 
}
#bouton a:active{color:#0F0;text-decoration:none;}
.hideInitially{
	visibility: hidden;
	border:0px;
}
#navbar{
	position:absolute;
	top:45px;
	left:280px;
	font-size:12px;
	z-index:1;
}
#navbar div.vBar {
	float: left;
}
#navbar a[href="services.html"], #navbar div.services {
  display: block;
  float: left;
  text-align: center;
  width: 84px;
  color: #999;
}
#navbar a[href~="judlin.html"], #navbar div.judlin {
  display: block;
  float: left;
  text-align: center;
  width: 57px;
  color: #999;
}
#navbar a[href~="affiliations.html"], #navbar div.affiliations {
  display: block;
  float: left;
  text-align: center;
  width: 102px;
  color: #999;
}
#navbar a[href~="contact.html"], #navbar div.contact {
  display: block;
  float: left;
  text-align: center;
  width: 105px;
  color: #999;
}
#navbar div.services, #navbar div.judlin, #navbar div.affiliations, 
	#navbar div.contact {
		color: #f00;  	
}
#navbar a:hover {
	text-decoration:
  none;color:#F00;
  font-weight:bold;
}
a:link, a:visited {color:#000;text-decoration:none;border:0px; color:#999;}
a:hover{text-decoration: none;color:#F00; font-weight:bold;}
a:active {text-decoration: none;color:#000;}

#description{
	position:absolute;
	top:315px;
	left:280px;
	width:600px;
	color:#F00;
	font-size:12px;
	line-height:18px;
	z-index:1;
}
#maincontent{
	position:absolute;
	top:102px;
	left:180px;
	width:550px;
	background-color:#FFF;
	color:#000;
	font-size:11px;
	line-height:18px;
	z-index:20;
	text-align: justify;
}
#produits {
	position:relative;
	height:250px;
	width:400px;
	left:75px;
	overflow:hidden;	
}
#produits a:link img, #produits a:visited img {
	margin-top:-250px;
	margin-left:0px;
	margin-bottom:0px;
	overflow:hidden;
	border:0px;
}
#produits a:hover img, #produits a:active img {
	margin-top:0px;
	margin-left:0px;
	margin-bottom:0px;
	overflow:hidden;
	border:none;
}
#logotop {
	position:absolute;
	top:48px;
	width:50px;
	margin-left:180px;
	}
#logobottom {
	position:relative;
	margin-left:250px;
	}
#footer {
	position:relative;
	color:#F00;
	text-align:right;
}
#form1 {
	background-color:#FFF;
}
#form1 input {
	background-color:#CCC;
}
#form2 {
	background-color:#FFF;

}
#form2 input {
	background-color:#FFF;
}

.leftcolumn {
	text-align:right;
	padding-right:5px;
}