/* CSS Document */

body{
  font-family: georgia, time new roman, arial;
  color: #f9ffc2;
  font-size: 0.7em;
  background-color: #000000;
  text-align: center;
}

#navbar{
  width: 747px;
  height: 25px;
  background: transparent url(../img/fondmenu.gif) repeat-x left top;
  margin: 0px auto 10px auto;
  border-right: 1px solid #530404;
}

#navbar a{
  width: 74px;
  height: 25px;
  display: block;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: left top; 
  float: left;
}

#navbar a:hover{background-position: left -25px}

#navbar a span{display: none;}

#navbar a.about_fr{background-image: url(../img/menu_fr_about.gif)}
#navbar a.home_fr{background-image: url(../img/menu_fr_home.gif)}
#navbar a.catalog_fr{background-image: url(../img/menu_fr_catalog.gif)}
#navbar a.appraise_fr{background-image: url(../img/menu_fr_appraise.gif)}
#navbar a.contact_fr{background-image: url(../img/menu_fr_contact.gif)}
#navbar a.links_fr{background-image: url(../img/menu_fr_links.gif)}
#navbar a.subscribe_fr{background-image: url(../img/menu_fr_subscribe.gif);}
#navbar a.archive_fr{background-image: url(../img/menu_fr_archive.gif); border-right: 1px solid #530404;}

#navbar a.about_en{background-image: url(../img/menu_en_about.gif)}
#navbar a.home_en{background-image: url(../img/menu_en_home.gif)}
#navbar a.catalog_en{background-image: url(../img/menu_en_catalog.gif)}
#navbar a.appraise_en{background-image: url(../img/menu_en_appraise.gif)}
#navbar a.contact_en{background-image: url(../img/menu_en_contact.gif)}
#navbar a.links_en{background-image: url(../img/menu_en_links.gif)}
#navbar a.subscribe_en{background-image: url(../img/menu_en_subscribe.gif);}
#navbar a.archive_en{background-image: url(../img/menu_en_archive.gif); border-right: 1px solid #530404;}

#navbar a.drapgb{
  background-image: url(../img/drapgb.gif);
  width: 24px;
  height: 18px;
  margin: 4px 0px 0px 20px;
}

#navbar a.drapfr{
  background-image: url(../img/drapfr.gif);
  width: 24px;
  height: 18px;
  margin: 4px 0px 0px 20px;
}

#navbar a.drapgb:hover{background-position: left top}
#navbar a.drapfr:hover{background-position: left top}

#navbar span.date{
  color: #520303;
  float: right;
  margin: 5px 5px 0 0;
}

#ban{
  margin: auto auto;
  width: 746px;
  height: 270px;
  background: transparent url(../img/ban-home.gif) no-repeat left top;
  border: 1px solid #f9ffc2;
}

h1{display: none}

h2 span{display: none}

h3{font-size: 1.2em; margin: 10px 0 10px 0}

#main{
  border-right: 1px solid #f9ffc2;
  border-left: 1px solid #f9ffc2;
  width: 746px;
  margin: auto auto;
  background: #01400e url(../img/yellowdot.gif) repeat-y 400px top;
  text-align: left;
}

#main div{
  text-align: left;
}

#main a{
  font-weight: bold;
}

#footer{
  border: 1px solid #f9ffc2;
  width: 746px;
  height: 20px;
  margin: auto auto;
  text-align: left;
}

#footer div.left{
  width: 188px;
  height: 20px;
  float: left;
  background-color: #01400e;
  text-align: center;
  font-weight: bold;
  border-right: 1px solid #f9ffc2;
}

#footer div.middle{
  width: 200px;
  height: 20px;
  float: left;
}

#footer div.right{
  width: 300px;
  float: right;
  height: 20px;
  text-align: right;
}

#footer div span{
	display: block;
	padding: 3px;
}

a{
  color: #f9ffc2;
}

a:hover{
  text-decoration: none;
}

#author{
  width: 748px;
  margin: 10px auto 10px auto;
  text-align: right;
  font-size: 0.9em;
}

#content-last{
  width: 401px;
  text-align: left;
  float: left;
}

#content-last h2.fr, #content-last h2.en{
  width: 232px;
  height: 17px;
  margin: 10px;
}

#content-last h2.fr{
  background: transparent url(../img/dernierajout_title.gif) no-repeat top left;
}

#content-last h2.en{
  height: 18px;
  background: transparent url(../img/latestadd_title.gif) no-repeat top left;
}

#content-last table{
  width: 384px;
  border:0;
  padding:0;
  margin: auto auto;
}

#content-last table tr a {
  font-weight: normal;
}

#content-last tr td.img{
  width: 70px;
  background-color: #01500e;
}

#content-last tr td.link{
  background-color: #01300e;
  padding: 0 10px 0 10px;
}

#content-focus{
  width:325px;
  text-align: left;
  float: left;
  margin-left: 10px;
}

#content-focus h2.fr, #content-focus h2.en{
  width: 232px;
  height: 17px;
  margin: 10px 0 10px 0;
  background: transparent url(../img/focussur_title.gif) no-repeat top left;
}

#content-focus h2.fr
{
	background: transparent url(../img/focussur_title.gif) no-repeat top left;
}

#content-focus h2.en
{
	height: 18px;
	background: transparent url(../img/focuson_title.gif) no-repeat top left;
}

#content-focus img{
  float: left;
  margin: 0 10px 10px 0;
}

img{border: 0;}

p{
  text-align: justify;
}

.al-right{text-align: right}
.al-left{text-align: left}
.al-center{text-align: center}
.clearboth{clear: both}