/* General ==================================================================*/

* {
	margin: 0;
	padding: 0;
}

body {
	text-align: center;
	background: #8B8B83;
	font-family: Arial, Helvetica;
	color: black;
	font-size: 11px;
	padding-top: 30px;
	text-align: center;
}

img { 
behavior: url("/js/pngbehavior.htc");
border: none;
}

p {
	margin: 0 0 15px;
	line-height: 15px;
}

h1 {
	font-size: 18px;
	color: white;
	margin: 0 339px 0 230px;
	padding: 48px 15px;
	line-height: 30px;
	border-top: 1px solid #B77A1E;
	font-weight: normal;
	letter-spacing: -0.05em;
}

h2 {
	font-size: 12px;
	margin-bottom: 10px;
	color: #B77A1E;
}

h3 {
	font-size: 11px;
	margin-bottom: 5px;
}

a:link, a:visited{
	text-decoration: none;
	color: #E1A03D;
}

a:hover {
	color: #999;
}

a.sel {
	color: #AA6602 !important;
	font-weight: bold;
}

.clear {
	clear: both;

}

.erreur {
	color: red;
}

ul, ul li {
	list-style: none;
}

.bullet  {
	margin-bottom: 20px;
}

.bullet li {
	list-style: square;
	margin-bottom: 5px;
}

#page {
width: 800px; 
text-align: left;
margin: 20px auto 5px;
border: 1px solid #717169;
background: url("/images/bg_page.jpg");
height:610px;
position: relative;
}

#pied  {
color: #717169;
text-align: right;
font-size: 10px;
width: 790px;
margin: 0 auto;

}

/* menus =================================================================*/

#menu1, #menu1 li, #menu2, #menu2 li, #menu3, #menu3 li, #menu4, #menu4 li {
list-style: none;
}

#menu1 {
padding: 55px 55px;
}

#menu1 li {
margin-bottom: 10px;
}

#menu1 li a {
font-size: 12px;
}

#menu1 li a.sel {
color: #999 !important;
}

#menu2 {
height: 144px;
background: #E1A03D;
}

#menu2 li {
float: left;
display: inline;
margin: 20px 5px 20px 20px;
}

#menu2 li a, #menu3 li a, #menu4 li a{
color: white;
}

#menu2 li a:hover, #menu3 li a:hover, #menu4 li a:hover {
color: #AA6602;
}


#menu3{
position: absolute;
top: 120px;
left: 250px;
}

#menu3 li {
float: left;
margin-right: 15px;
}


#menu4{
margin: 0 339px 0 230px;
padding: 53px 15px 30px;
border-top: 1px solid #B77A1E;
background: #E1A03D;
}

#menu4 li {
margin-bottom: 8px;
font-size: 12px;
}


/* left =================================================================*/

#left {
float: left;
width: 230px;
background: url("/images/bg_left.jpg") no-repeat left bottom #FDFDFD;
height:610px;
}

#logo {
height: 144px;
border-bottom: 1px solid #B77A1E;
line-height: 144px;
padding: 0 50px;
display: block;
background: url("/images/logo.gif") no-repeat center;
}

#logo span {
display: none;
}

.spirale {
position: absolute;
bottom: -1px;
left: -100px;
z-index: 500;
}

/* right =================================================================*/

#right {
float: right;
width: 339px;
height: 610px;
background: white;
}

* html #right img {
margin-bottom: -3px;
}

*+html #right img  {
margin-bottom: -3px;
}

.content {
border-top: 1px solid #B77A1E;
padding: 54px 18px 20px;
}

.izabel {
position: absolute;
top: 130px;
right: 10px;
display: block;
height: 20px; 
font-size: 10px;
display: none;
}

.copy {
position: absolute;
top: 147px;
right: 10px;
display: block;
height: 20px; 
font-size: 10px;
}

img.portfolio {
padding-bottom: 10px;
}

.pager {
height: 20px;
position: absolute;
right: 20px;
top: 183px;
} 

.pager li {
float: left;
margin-left: 3px;
} 

.pager li a {
padding: 2px;
font-weight: bold;
font-size: 14px;
} 

.pager li a.sel {
color: #999!important;
} 

div.nouvelle {
margin: 10px 0 30px;
background: url(/images/bg_nouvelle.gif) no-repeat right top;
width: 256px;
} 

div.nouvelle h1 {
color: #878785;
margin: 0 0 10px 0 !important;
border: 0 !important;
padding: 0 !important;
font-size: 14px;
} 

div.nouvelle .wrap {
border-bottom: 1px solid #E6A13A;
padding: 40px 0 5px 0;
width: 240px;
margin-left: 5px;
} 



/* contact =================================================================*/

 dl {
      margin-top: 10px;
  }
  
  dt {
      float:left;
      width: 70px;
      padding: 4px 0 2px;
  }
  
  dd {
      float: left;
      margin: 0 10px 8px 0;
	  width: 200px;
  }
  
  .submit {
text-align: right;
width: 300px;
}

 input, textarea {
border: 1px solid #999;
color:#999;
font-size: 11px;
}  

.submit input{
border: none;
color: white;
background: #E1A03D;
font-weight: bold;
padding: 2px;
}