/*  ---------------------- global ---------------- */
html, body, div, span,
h1, h2, h3, h4, h5, h6,
a, em, font, img, strong, 
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}

:focus {
	outline: 0;
}

html {
	width: 100%;
	height: 100%;
}
body {
	background: url(../images/bg_body.png) no-repeat center center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
/*	background-color: #000000;/**/
	width: 100%;
	height: 100%;
}
body.couleur_{
	background-color: #554940;
}
body.couleur_1{
	background-color: #554940;
}
body.couleur_2{
	background-color: #aab786;
}
body.couleur_3{
	background-color: #a9a069;
}
body.couleur_4{
	background-color: #7095a4;
}
body.couleur_6{
	background-color: #93887e;
}
body.couleur_5{
	background-color: #b57069;
}
body.couleur_7{
	background-color: #78a295;
}

a {
  color: #fff;
}
a:hover {
}

#conteneur{
  height: 650px;
  width: 1232px;
  text-align: left;
  background-color:#111111;
}

/* MENU LANGUES /**/
ul#menu_langues{
  list-style-type: none;
}
ul#menu_langues li a{
	width: 252px;
	height: 25px;
	display: block;
}
ul#menu_langues li a span{
  display: none;
}
ul#menu_langues li a.langue_fr{  
	background: url(../images/btn_entrer_fr.gif) no-repeat top;
}
ul#menu_langues li a.langue_fr:hover, ul#menu_langues li a.fr_actif{  
	background: url(../images/btn_entrer_fr.gif) no-repeat 0 -25px;
}
ul#menu_langues li a.langue_en{  
	background: url(../images/btn_entrer_en.gif) no-repeat top;
}
ul#menu_langues li a.langue_en:hover, ul#menu_langues li a.en_actif{  
	background: url(../images/btn_entrer_en.gif) no-repeat 0 -25px;
}
ul#menu_langues li a.langue_de{  
	background: url(../images/btn_entrer_de.gif) no-repeat top;
}
ul#menu_langues li a.langue_de:hover, ul#menu_langues li a.de_actif{  
	background: url(../images/btn_entrer_de.gif) no-repeat 0 -25px;
}
ul#menu_langues li a.langue_es{  
	background: url(../images/btn_entrer_es.gif) no-repeat top;
}
ul#menu_langues li a.langue_es:hover, ul#menu_langues li a.es_actif{  
	background: url(../images/btn_entrer_es.gif) no-repeat 0 -25px;
}
ul#menu_langues li a.langue_it{  
	background: url(../images/btn_entrer_it.gif) no-repeat top;
}
ul#menu_langues li a.langue_it:hover, ul#menu_langues li a.it_actif{  
	background: url(../images/btn_entrer_it.gif) no-repeat 0 -25px;
}


/* BLOC GAUCHE /**/
#bloc_gauche{
  background: #000;
  width: 252px;
  height: 650px;
  float: left;
}
#bloc_gauche #logo{
  margin: 40px 0 0 43px;
  display: block;
}
#bloc_gauche #accroche{
	/* background: url(../images/accroche.gif) no-repeat; */
  width: 162px;
  height: 67px;
  margin: 40px 0 0 43px;
  color: #9D8B7B;
  font-size: 17px;
  text-align: center;
  font-weight: bold;
}
#bloc_gauche #accroche2{
  width: 100%;
	height: 120px;
	overflow: hidden;
  text-align: center;
  margin-top:40px;
  color: #ffffff;
  background-color: #000000;
}
#bloc_gauche #entrer{
	background: url(../images/btn_entrer.gif) no-repeat;
  width: 162px;
  height: 53px;
  margin-left: 40px;
  display: block;
  margin-top: 10px;
}
#bloc_gauche #entrer span{
  display: none;
}
#bloc_gauche #entrer:hover{
	background: url(../images/btn_entrer_hover.gif) no-repeat;
}


/* MENU /**/
#bloc_gauche ul#menu{
  list-style-type: none;
  margin-top: 70px;
}
#bloc_gauche ul#menu li a span.titre{
  display: none;
}
#bloc_gauche ul#menu li a{
	width: 252px;
	height: 23px;
	display:block;
	cursor: pointer;
	margin-bottom: 11px;
  text-decoration: none;
}
#bloc_gauche ul#menu li a span.puce{
	width: 252px;
	height: 23px;
	display:block;
}
#bloc_gauche ul#menu li a span.puce:hover, #bloc_gauche ul#menu li a span.on{
	background: url(../images/puce_menu.gif) no-repeat right;
}
#bloc_gauche ul#menu li a.rub1{
	background: url(../images/bg_menu_accueil.jpg) no-repeat;
}
#bloc_gauche ul#menu li a.rub2{
	background: url(../images/bg_menu_concept.jpg) no-repeat;
}
#bloc_gauche ul#menu li a.rub3{
	background: url(../images/bg_menu_echantillons.jpg) no-repeat;
}
#bloc_gauche ul#menu li a.rub4{
	background: url(../images/bg_menu_produits.jpg) no-repeat;
	margin-bottom: 5px;
}
#bloc_gauche ul#menu li a.rub5{
	background: url(../images/bg_menu_references.jpg) no-repeat;
}
#bloc_gauche ul#menu li a.rub6{
	background: url(../images/bg_menu_contact.jpg) no-repeat;
}
#bloc_gauche ul#menu li a.rub7{
	background: url(../images/bg_menu_liens.jpg) no-repeat;
}

/* SOUS-MENU /**/
#bloc_gauche ul#sous_menu {
  margin: 0 0 7px 37px;
  list-style-type: none;
}
#bloc_gauche ul#sous_menu li{
  height: 14px;
}
#bloc_gauche ul#sous_menu li a{
	background: url(../images/puce_sous_menu.gif) no-repeat right;
  color: #919191;
  height: 14px;
  width: 215px;
  margin: 0;
  font-size: 11px; 
}
#bloc_gauche ul#sous_menu li a:hover, #bloc_gauche ul#sous_menu li a.on{
	background: url(../images/puce_sous_menu_hover.gif) no-repeat right;
	color: #fff;
}



/* BLOC DROIT /**/
#bloc_droit{
	float: left;
	height: 650px;
	width: 980px;
	position: relative;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	overflow: hidden;
}
#bloc_droit a{
	color: #714F33;
	font-weight: bold;
}
#bloc_droit a:hover{
	color: #000000;
}
#bloc_droit h3{
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	border-bottom: dotted 1px #000000;
	font-style: italic;
	padding-top: 5px;
	font-size: 12px;
}
#bloc_droit strong{
	color: #000000;
	font-weight: bold;
}
#bloc_droit ul#image_fond, #bloc_droit ul#image_fond_matieres{
	display: block;
	position: absolute;
	list-style-type: none;
	width: 980px;
	height: 650px;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
}
#bloc_droit ul#image_fond_matieres li{
  position: absolute;
  width: 980px;
  height: 650px;
}

/* bloc info produit /**/
#bloc_droit table#bloc_info_produit{
  position: absolute;
  left: 663px;
  color: #000;
	width: 301px;
	height: 640px;
	z-index: 250;
}
#bloc_droit table#bloc_info_produit #top{
	background: url(../images/bg_bloc_info_produit_top.png) no-repeat;
	width: 301px;
  height: 20px;	
}
#bloc_droit table#bloc_info_produit #middle{
	background: url(../images/bg_bloc_info_produit.png) repeat-y;
	width: 261px;
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 2px;
	padding-left: 20px;
}
#bloc_droit h1{
	font-size: 13px;
	margin: 0px;
}
#bloc_droit h1.sans{
	display: none;
}
#bloc_droit table#bloc_info_produit #middle #texte{
	max-height: 580px;  
  height:auto !important;
  height: 580px;  
	overflow: auto;
}
#bloc_droit table#bloc_info_produit #bottom{
	background: url(../images/bg_bloc_info_produit_bottom.png) no-repeat;
	width: 301px;
  height: 9px;	
}
.btn_fermer {
  float: right;
  margin: 4px 11px 0 0;
	background: url(../images/fermer.gif) no-repeat;
	width: 16px;
  height: 16px;
}
#pilotage a {
	position: absolute;
	top: 0px;
	width: 327px;
	height: 650px;
	background-image: url(../images/spacer.png);
	background-repeat: no-repeat;
	background-position: center center;
}
#pilotage a span{
	display: block;
	width: 327px;
	height: 650px;
	background-repeat: no-repeat;
	background-position: center 328px;
	cursor: pointer;
}
.btn_prev {
  left: 0px;
  z-index: 251;
}
.btn_ouvrir {
  left: 327px;
  z-index: 252;
}
.btn_next {
  left: 654px;
  z-index: 253;
}
.btn_prev:hover span{
  left: 0px;
  background: url(../images/prev.png) no-repeat;
  z-index: 251;
}
.btn_ouvrir:hover span{
  left: 327px;
  background: url(../images/back.png) no-repeat;
  z-index: 252;
}
.btn_next:hover span{
  left: 654px;
  background: url(../images/next.png) no-repeat;
  z-index: 253;
}
/* bloc info echantillons /**/
#bloc_droit #bloc_info_matiere{
  position: absolute;
  top: 326px;
  left: 20px;
  color: #000;
	height: 309px;
	width: 943px;  
	z-index: 250;
}
#bloc_droit #bloc_info_matiere #precedent{
	background: url(../images/bg_btn_precedent.png) no-repeat;
	height: 309px;
  width: 28px;	
  float: left;
}
#bloc_droit #bloc_info_matiere #centre{
	background: url(../images/bg_bloc_info_matiere.png) repeat-x;
	height: 289px;
	padding: 20px 20px 0 20px; 
	width: 841px;  
  float: left;
}
#bloc_droit #bloc_info_matiere #centre #defilement{
	height: 260px;
	width: 841px;  
  position: relative;
  overflow: hidden; 
}
#bloc_droit #bloc_info_matiere #centre #contenu_defilement{
	width: 10000px;  
}
#bloc_droit #bloc_info_matiere #centre #defilement #texte{
  width: 260px;
  margin-right: 20px;
  height: 260px;  
	overflow: hidden;
	float: left;
	line-height: 140%;
}
#bloc_droit #bloc_info_matiere #centre #defilement .colonne_matieres{
  float:left;
  width: 119px;
  margin-right: 20px;
  height: 260px; 
}
#bloc_droit #bloc_info_matiere #centre #defilement .colonne_matieres a{
  float: left; 
  margin-bottom: 20px;
  height: 119px;
  width: 119px;
}
#bloc_droit #bloc_info_matiere #centre #defilement .colonne_matieres img{
  display: none;
}
#bloc_droit #bloc_info_matiere #centre #defilement span{
  float: left;
  height: 119px;
  width: 119px;
  cursor: pointer;
}
#bloc_droit #bloc_info_matiere #centre #defilement span:hover{
	background: url(../images/loupe.png) no-repeat;
}
#bloc_droit #bloc_info_matiere #centre #defilement a span.legende{
	display: none;/**/
}
#bloc_droit #bloc_info_matiere #centre #titre_matiere{
  margin-top:2px;
  float:left;
  text-align: center;
  font-weight: bold;
	width: 841px;  
}
#bloc_droit #bloc_info_matiere #suivant{
	background: url(../images/bg_btn_suivant.png) no-repeat;
  width: 34px;	
	height: 309px;
  float: left;
}
.btn_suivant{
	background: url(../images/btn_suivant.gif) no-repeat;
  width: 16px;	
	height: 250px;
  float: left;
  margin: 25px 0 0 6px;
}
.btn_precedent{
	background: url(../images/btn_precedent.gif) no-repeat;
  width: 16px;	
	height: 250px;
	display: block; 
  margin: 45px 0 0 6px;
}