html, body
{
  margin: 0px;
  padding: 0px;
  height: 100%;
}

body
{
  /*background-color: #262626;*/
  background-color: #000000;
  margin: auto;
  color: #666666;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 12px;
  border: 0px;
}

#container
{
  display: table;
  height: 100%;
  width: 100%;
  margin: 0px;
}

#content
{
  display: table-cell;
  vertical-align: middle;
  position: relative;
}

#inner
{
  border: 0px;
  width: 900px;
  margin: 0px auto;
  padding: 0px 12px;
}


/*Hack IE pour centrer le contenu*/
/* \*/
* html #content
{
  top: 40%;
  left: 0px;
  height: 1px;
}

* html #content #inner
{
  position: relative;
  top: -40%;
}

/* ++++++++++ Styles d'ordre général ++++++++++*/

#main
{
  position: relative;
  margin: auto;
  background-color: #000000;
  width: 900px;
  height: 670px;
}

/*RMQ: definir #menu_top_box.woman et #menu_top_box.man ne marche pas avec IE!*/
.LOGO_DEPT_WOMEN, .LOGO_DEPT_ARTISTS, .LOGO_DEPT_NONE 
{
  /*background-image: url("/images/logo-ford_women.gif");*/
  background-image: url("/images/logo_blanc_women.gif");
  /*background-color: #ff00ff;*/
  background-position: 0px 0px;
  background-repeat: no-repeat;
  
}

.LOGO_DEPT_MEN
{
  /*background-image: url("/images/logo-ford_men.gif");*/
  background-image: url("/images/logo_blanc_men.gif");
  /*background-color: #00ff00;*/
  background-position: 0px 0px;
  background-repeat: no-repeat;
}

a:link, a:visited, a.unselected:link,  a.unselected:visited 
{
  text-decoration: none;
  color: #a8a8a8;
}

a:hover, a:active,
a.selected:link, a.selected:visited,
a.selected:hover, a.selected:active,
a.unselected:hover, a.unselected:active
{
  text-decoration: none;
  color: #ffffff;
}

.present
{
  visibility: visible;
}

.absent
{
  visibility: hidden;
}

/* ++++++++++ styles associés à la structure globale ++++++++++*/
#top_box
{
  position: absolute;
  left: 0px;
	top: 0px;
	width: 900px;
	height: 120px;
  margin: 0px;
  padding: 0px;
}

#menu_box
{
  position: absolute;
	left: 0px;
  top: 0px;
  width: 200px;
  height: 115px;
  margin: 0px;
  padding: 0px;
}

ul.menu
{
  display: block;
  position: absolute;
  height: 22px;
  left: 0px;
  margin: 0px;
  padding: 0px;
  top: 0px;
}

ul.menu li
{
  display: list-item;
  list-style-type: none;
  margin: 0px 0px 0px 0px;
  padding: 0px;
  width: 200px;
  height: 22px;
  text-align: left;
  white-space: nowrap;
  line-height: 22px;
}

a.menu_choice
{
  display: block;
  position: relative;
  width: 200px;
  height: 22px;
  overflow: hidden;
}

/*img.menu_img*/
a.menu_choice img
{
	display: block;
  position: absolute;
  border: 0px;
}

a.menu_choice:link img, a.menu_choice:visited img
{
	top: 0px;
}   

a.menu_choice:hover img, a.menu_choice:active img
{
  top: -22px;
}   

#logo_box
{
  position: absolute;
	right: 0px;
  top: 0px;
  width: 170px;
  height: 70px;
  margin: 0px;
  padding: 0px;
}

#bottom_box
{
	position: absolute;
  left: 0px;
  bottom: 20px;
  width: 900px;
  height: 470px;
  margin: 0px;
  padding: 0px;
}

/* +++++ styles associés aux listes mannequins/pages de chaque page/book ++++++++++ */
#pages_box
{
  position: absolute;
	left: 140px;
  top: 380px;
  width: 620px;
  height: 10px;
  margin: 0px;
  padding: 0px;
}

a.previous_page, a.next_page, a.current_page
{
	display: block;
	float: left;
	height: 8px;
  margin: 0px 1px 0px 0px;
  padding: 0px;
}

a.previous_page
{
  background-color: #cacaca;
}

a.next_page
{
  background-color: #707070;
}

a.current_page
{
  background-color: #ffffff;
}

a.previous_page:hover, a.next_page:hover
{
	background-color: #ffffff;
}  

#pages_list
{
  list-style-type: none;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 660px;
  height: 8px;
  padding: 0px;
  margin: 0px;
  text-align: left;
  font-weight: normal;
}

.page_item
{
  float: left;
  position: relative;
  height: 8px;
  margin: 0px;
  padding: 0px 0px 10px 0px;
  line-height: 8px;
  font-size: 6px;/*ATTENTION!!! AVEC IE, Si ce n'est pas défini, alors height et line-height sont sans effet!*/
  font-weight: normal;
  /*padding-bottom: 30px;rmq: IE semble mal gérer padding-bottom*/
                       /*c'est la raison pour laquelle j'ai dû mettre*/
                       /*30px au lieu de 10px car sinon les LIs sont*/
                       /*tronqués vers le bas et le sous-menu qui apparaît*/
                       /*sur le Mouse over ne recouvre pas le LI contenant*/
                       /*ce  qui fait disparaître le sous-menu*/
}

.page_img
{
  height: 8px;
  border: 0px;
}

.models_list
{
  display: none;
  position: absolute;
  left: 0px;
  top: 10px;
  margin: 0px;
  padding: 0px;
  /*min-height: 60px;Hack pour IE 7 (sinon le ss-menu disparait en fin de survol 
                     des sous-menus (par exemple sur le 2ème élément)*/
}

.model_item
{
  display: list-item;
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  height: 10px;
  width: 120px;
  line-height: 10px;
}

.model_item a 
{
  display: block;
  text-decoration: none;
  height: 10px;
  margin: 0px;
  padding: 0px;
  white-space: nowrap;
  line-height: 10px;
  font-weight: normal;
  font-size: 10px;
}

.page_item:hover .models_list, .page_item.over .models_list
{
  display: block;
}