/* CSS Document */

/* begin colours */

/* - primary colours */
.grey100 {background-color: #807066;}
.grey075 {background-color: #ad9f92;}
.grey050 {background-color: #c6b8a9;}
.grey025 {background-color: #ded1c1;}
.orange {background-color: #f8a717;}
.brown {background-color: #2a2829;}
.white {background-color: #ffffff;}
/* end colours */

/* propriétés communes à l'ensemble des 4 coins */
#hautgauche, #hautdroit, #basgauche, #basdroit {
height: 19px; width: 19px;
background-repeat: no-repeat;
font-size:1px; /* correction d'un bug IE */
}

#hautgauche {
background: url(../images/hg.gif);
}
#hautdroit {
float: right;
background: url(../images/hd.gif);
}
#basgauche {
background: url(../images/bg.gif);
}
#basdroit {
float: right;
background: url(../images/bd.gif);
}


/* begin main page properties */
a:active, a:link, a:visited	{text-decoration: underline; color:#e8b178;}
a:hover		{text-decoration: none;}

.link, a.link:active, a.link:link, a.link:visited	{text-decoration: underline;}
a.link:hover	{text-decoration: none;}

/* begin lay-out */
body {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
  background-color: #ded1c1;
}

#container {
  width: 800px;
  margin: 0 auto;
  background-color: #2a2829;
}

#header {
  width: 800px;
  height: 150px;
  background-image:url('../images/logo.jpg');
  background-repeat:no-repeat;
  background-position:center; 
  background-color: #2a2829; 
}

#nav {
  height: 33px;
  width: 680px;
  font-size:11px;
  background:#E2790D url(../images/nav.png) repeat-x;
  padding-left:120px
}

#nav a{
  display:block;
  line-height:31px;
  float:left;
  text-align:center;
  color:#fff;
  text-decoration:none;
  border-right:solid 1px #E7632D;
}

#nav a:hover {
  color:#2a2829;
  border:dotted 1px #ad9f92;
  background-color: #f8a717;
}

#nav a#item_nav1 {
  width:90px;
  border-left:solid 1px #E7632D;  
}
#nav a#item_nav2 {
  width:90px;
}
#nav a#item_nav3 {
  width:90px;
}
#nav a#item_nav4 {
 width:90px;
}
#nav a#item_nav5 {
  width:90px;
}
#nav a#item_nav6 {
  width:90px;
}
#nav a#item_nav7 {
  width:90px;
}

#main {
  background-color:#2a2829;
  width:800px;
  height:480px;  
  float:left;
  color:#ded1c1;
}

#content {
  float: left;
  padding-top:18px;
  padding-bottom:40px;
  width:760px;
  padding-left:40px;
}

#content_left {
  float: left;
  padding-top:18px;
  padding-bottom:40px;
  width:300px;
  padding-left:40px;
}

#content_right {
  margin-left: 350px;
  padding-top:18px;
  padding-bottom:40px;
  width:400px;
  padding-right: 40px;
}

#footer {
  background-color:#2a2829;
  clear:both;
  height:20px;
  width:800px;
  margin-top:50px;
  border-top:dotted 1px #ad9f92;
  padding-top:5px;  
}

 #footer a {
  font-size:10px;
  color:#fff;
  text-decoration:none;
  margin-left:40px;
}

#footer a:hover {
  color:#FF890F;
}


a img {border:none}
a:hover {border:0px} /*hack pour IE */
/*a:hover img {width:300px ; height:216px} */