@charset "utf-8";
/* CSS Document */
* {
  margin: 0px;
  padding: 0px;
}
#intro_body {
  background:url(../../img/site/fond.gif) repeat-x #ededed;
}
body.normal {
  background:url(../../img/site/fd_normal.jpg) left top no-repeat #ededed;
}
body.collection {
  background:url(../../img/site/fd_collection.jpg) left top no-repeat #ededed;
}

body.formulaire {
  background:url(../../img/site/fd_formulaire.jpg) left top no-repeat #ededed;
}
#intro_container {
  margin-top:105px;
  height:587px;
  background:url(../../img/site/fond.jpg) repeat-x;
}
#intro {
  font:13px Tahoma;
  text-align:right;
  width:858px;
  height:462px;
  /*background:url(../../img/site/prehome_fd.jpg) no-repeat;*/
  background:url(../../img/site/prehome.jpg) no-repeat;
  margin:auto;
  padding-top:265px;
  padding-right:97px;
}

#intro_texte {
  float:right;
  margin-top:67px;
  width:365px;
  padding-right:9px;
  border-right:#dadada solid 5px;
}
#intro span.anglais{
  color:#dadada;
}
#intro span.francais{
  color:#b9b9b9;
  font-style:italic;
}

#gauche {
  float:left;
  width:442px;
}
#droite {
	z-index:1;
	float:left;
	width:710px;
}

.bt-gauche{
	float:left;
	width:15px;
	height:142px;
	background:url(../../img/site/03_collection_gauche.png) no-repeat;
	cursor:pointer;
}
.bt-gauche:hover{
	background:url(../../img/site/03_collection_gauche_on.png) no-repeat;
}
.bt-droite{
	float:right;
	width:15px;
	height:142px;
	background:url(../../img/site/03_collection_droite.png) no-repeat;
	cursor:pointer;
}
.bt-droite:hover{
	background:url(../../img/site/03_collection_droite_on.png) no-repeat;
}


#droite_survol {
	position:absolute;
	height:1000px;
	width:717px;
	z-index:4;
	left: 443px;
	top: 0px;
	background-image:url(blank.gif);
}

#container_menu_gauche {
  margin-top:20px;
  width:442px;
  height:78px;
}
#container_menu_gauche ul li{
	font:bolder 12px Arial;
	font-variant:small-caps;
	list-style:none;
	height:15px;
	text-align:right;
	line-height:13px;
	padding-right:2px;
}
#container_menu_gauche li a{
	text-decoration:none;
}
#container_menu_gauche li.on{
	background:url(../../img/site/fd_menu_on.jpg) repeat-x;
}
#container_menu_gauche li.on a{
	color:#ededed;
}
#container_menu_gauche li.chgt{
	background:url(../../img/site/fd_menu_chgt.jpg) repeat-x;
	color:#ededed;
}
#container_menu_gauche li.chgt a{
	color:#ededed;
}
#container_menu_gauche li.off{
	color:#666;
}
#container_menu_gauche li.off a{
	color:#666;
}

#container_bloc_gauche {
  margin-top:7px;
  width:432px;
  height:565px;
  background:url(../../img/site/fond.jpg) repeat-x;
  padding-top:22px;
  padding-left:10px;
}
#gauche_texte {
  font:11px Tahoma;
  float:right;
  text-align:right;
  padding-right:9px;
  border-right:#dadada solid 5px;
  margin-right:52px;
}
#gauche_texte span.anglais{
  color:#dadada;
}
#gauche_texte span.francais{
  color:#b9b9b9;
  font-style:italic;
}
#accordeon div.accordion_toggle {
  font:bolder 11px Arial;
  height:11px;
  text-align:right;
  line-height:11px;
  padding-right:4px;
  cursor:pointer;
  color:#ededed;
  display:block;
}
#accordeon div.accordion_toggle_active {
  font:bolder 11px Arial;
  height:11px;
  text-align:right;
  line-height:11px;
  padding-right:4px;
  background-color:#FFF;
  color:#666;
}
#accordeon div.accordion_content {
	background-color:#ededed;
	overflow: hidden;
}
.cellule_collec {
	background-color:#ededed;
	color:#999;
	width:83px;
	height:143px;
	padding-top:10px;
	text-align:center;
	float:left;
}
.cellule_collec img {
	margin:auto;
}

.cellule_collec .nav {
	font:bolder 9px Trebuchet MS;
	padding:1px;
	height:9px;
	line-height:8px;
}
.cellule_collec .on {
	background-color:#666;
	color:#CCC;
}
.cellule_collec .off {
	color:#666;
}
.cellule_collec img{
	cursor:pointer;
}

#photo_fd{
	position:absolute;
	z-index:3;
	left: 443px;
	top: 0px;
}
#photo{
	position:absolute;
	z-index:2;
	left: 443px;
	top: 0px;
}
#infos{
	background-image:url(blank.gif);
	position:absolute;
	z-index:4;
	left: 1038px;
	top: 413px;
	width:122px;
	height:50px;
}

#description{
    font:11px Tahoma;
	position:absolute;
	z-index:5;
	background-color:#d9d9d9;
}
#description span.anglais{
  color:#333;
}
#description span.francais{
  color:#666;
  font-style:italic;
}

#details{
	position:absolute;
	z-index:6;
	background-color:#d9d9d9;
}
#infos > div{
	width:122px;
	height:25;
}

#bt-details{
	width:122px;
	height:25px;
	cursor:pointer;
	background-image:url(../../img/site/details_off.png);
}
#bt-details:hover{
	background-image:url(../../img/site/details_on.png);
}
#bt-description{
	width:122px;
	height:25px;
	cursor:pointer;
	background-image:url(../../img/site/description_off.png);
}
#bt-description:hover{
	background-image:url(../../img/site/description_on.png);
}

#photo-details div{
	background:url(../../img/site/loader.gif) fixed center no-repeat;;
}
#formulaire {
	padding-top:105px;
}

#form_contact label{
	font:bolder 12px Arial;
	font-variant:small-caps;
	line-height:12px;
	color:#666;
	margin-left:6px;
}
#form_contact input[type=text]{
	margin-top:4px;
	width:376px;
	height:19px;
	border:none;
	background-color:#68696E;
	color:#FFF;
	padding:2px;
	margin-left:6px;
}
#form_contact input[type=image]{
	margin-left:6px;
}

#form_contact textarea{
	margin-top:4px;
	width:376px;
	height:94px;
	border:none;
	padding:2px;
	background-color:#68696E;
	color:#FFF;
	margin-left:6px;
}
#form_contact span.francais{
  color:#b9b9b9;
}
/* Validation formulaire */
.validation-advice {
	font:bold 11px Arial ;
	*padding-left: 15px; /* ie */
	color:#B57A46;
	margin-left:6px;
}
#credits{
  margin-top: 3px;
  /*padding-left: 202px;*/
  padding-right: 5px;
  text-align: right;
  font:bolder 9px Arial;
  color:#999;
}
#credits a{
  color:#999;
  text-decoration:none;
}
#credits a:hover{
  text-decoration:underline;
}
#lien-catalogue{
  clear:both;
  background-color:#676767;
  text-align:right;
  padding-top:3px;
  padding-right:5px;
  font:bolder 10px Arial;
}
#lien-catalogue a{
  color:#CCC;
  text-decoration:none;
}
#lien-catalogue a:hover{
  text-decoration:underline;
}

.press {
  float: left;
  margin-left: 70px;
  margin-top: 110px;
}

.press > .title{
  text-transform: uppercase;
  font:13px Arial;
}

.press > .date{
  font:10px Arial;
  margin-bottom: 3px;
}

.press > .cover img{
  border: none;
}

.contacts a {
  color: #000;
  text-decoration: none;
}

.contacts a:hover {
  text-decoration: underline;
}