html, body {
	width:100%;
	height:98%;	
	}
body {
 	background: #60574d;
 	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:20px 0px 0px 0px;
	padding:0px;
	}
p {
	margin:0px;
	padding:0px;
}
/* ---------------------------------------------------------------- Menu ---*/
#logo {
	float:left;
	position:relative;
 	left:-20px;
 	top:5px;
 	width:319px;
	height:58px;
 	z-index:10;
	background-image:url(../images/interface/logo.png);
	background-repeat:no-repeat;
}
.bandeau_haut {
	background-image: url(../images/interface/bg_menu_haut.jpg);
	background-repeat:no-repeat;
}

/* ---------------------------------------------------------- Barre de menu */
#onglets {
	float:right;
	width:673px;
	position:relative;
	margin:0px 0px 0px 0px;
	padding:12px 0px 0px 0px
}

#onglets ul {
	margin:0px;
}
#onglets ul li {
	display:inline;
}
#onglets ul li a:link, #onglets ul li a:visited, #onglets ul li a:active {
	display: block;
	background-image:url(../images/interface/bg_onglets.png);
	background-position:-6px -128px;
	background-repeat:no-repeat;
	float:right;
	color: #000000;
	text-decoration: none;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	line-height:12px;
	font-size:11px;
	padding:35px 0px 8px 30px;
	margin:0px 0px 0px 2px;
	}
#onglets ul li a:hover {
	background-position:-6px 0px;
	color:#ffffff;
	}
#onglets ul li a.onglet_actif:link, #onglets ul li a.onglet_actif:visited, #onglets ul li a.onglet_actif:active, #onglets ul li a.onglet_actif:hover {
	background-position:-6px 0px;
	color:#ffffff;
}
	
/* ----------------------------------------------------- Titre bandeau */
#bandeau_titre {
	position:absolute;
	z-index:48;
	width:400px;
	height:80px;
	font-family:Times, "Times New Roman", serif;
	font-size:14px;
	text-transform:uppercase;
	letter-spacing:2px;
	padding:15px 10px 8px 25px;
	font-weight:bold;
}
#bandeau_titre .bandeau_titre_majuscule {
	font-size:22px;
}
.bandeau_titre_color4 {
	background-image:url(../images/interface/bg_bandeau_haut.png);
	background-repeat:no-repeat;
	background-position:23px -410px; 
	color:#c2bfbd;
}
.bandeau_titre_color3 {
	background-image:url(../images/interface/bg_bandeau_haut.png);
	background-repeat:no-repeat;
	background-position:23px -310px; 
	color:#DBD9D7;
}
.bandeau_titre_color2 {
	background-image:url(../images/interface/bg_bandeau_haut.png);
	background-repeat:no-repeat;
	background-position:23px -210px; 
	color:#009DE3;
}
.bandeau_titre_color1 {
	background-image:url(../images/interface/bg_bandeau_haut.png);
	background-repeat:no-repeat;
	background-position:23px -110px; 
	color:#F7A400;
}
.bandeau_titre_color0 {
	background-image:url(../images/interface/bg_bandeau_haut.png);
	background-repeat:no-repeat;
	background-position:23px 0px;
	color:#A0C40D;
}
.acces_autres_gammes {
	position:absolute;
	z-index:50;
	padding:50px 30px 0px 30px;
	font-family:Times, "Times New Roman", serif;
	font-size:12px;
	text-transform:uppercase;
	letter-spacing:1px;
	line-height:14px;
	white-space:nowrap;
}
.acces_autres_gammes .bandeau_titre_majuscule {
	font-size:14px;
}
.acces_autres_gammes a:link, .acces_autres_gammes a:visited, .acces_autres_gammes a:active {
	text-decoration:none;
}
.acces_autres_gammes a:hover {
	text-decoration:underline;
}
/* ----------------------------------------------------- Pied de page */
#pied_page1 {
	position:relative;
	background:#7e6f5b;
	text-align:right;
	color:#FFFFFF;
	font-size:15px;
	padding:6px 10px 6px 10px;
	letter-spacing:1px;
	font-weight:bold;
}
.pied_page2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:right;
	font-size:11px;
	padding:5px 10px 10px 10px;
	color:#d8d1c9;
}
.pied_page2 a:link, .pied_page2 a:visited, .pied_page2 a:active {
	color:#d8d1c9;
	text-decoration:underline;
} 
.pied_page2 a:hover {
	color:#ffffff;
	text-decoration:none;
}
.petite_fleur {
	position:absolute;
	z-index:50;
	bottom:-55px;
	left:-30px;
	width:171px;
	height:151px;
	background-image:url(../images/interface/petite_fleur.png);
	background-repeat:no-repeat;
}
/* ----------------------------------------------------- Accueil */
#accueil_fleur {
	position:absolute;
	z-index:500;
	background:url("../images/accueil/fleur.png") no-repeat;
	width:406px;
	height:344px;
 	top:232px;
	left:-62px;
}
#accueil_texte {
	position:absolute;
	width:720px;
	height:207px;
	top:280px;
	margin:0px 0px 0px 300px;
	z-index:6;
}
#accueil_actualite {
	position:absolute;
	z-index:300;
	width:515px;
	min-height:110px;
	max-height:145px;
	top:440px;
	left:355px;
	border-left:15px solid #f7a500;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	overflow:auto;
	padding:0px 0px 3px 10px;
}
/* ----------------------------------------------------- Gammes */
th.gamme {
	font-family:"Times New Roman", Times, serif;
	font-size:20px;
	letter-spacing:2px;
	color:#000000;
	text-align:left;
	padding:8px 15px 0px 15px;
	line-height:13px;
	}
td.gamme {
	width:426px;
	height:530px;
	vertical-align:top;
	}
td.gamme_orange {
	background-image:url(../images/gammes/bg_gamme_orange.gif);
	background-repeat:no-repeat;
	}
td.gamme_vert {
	background-image:url(../images/gammes/bg_gamme_vert.gif);
	background-repeat:no-repeat;
	}
td.gamme_bleu {
	background-image:url(../images/gammes/bg_gamme_bleu.gif);
	background-repeat:no-repeat;
	}
td.gamme_marron {
	background-image:url(../images/gammes/bg_gamme_marron.gif);
	background-repeat:no-repeat;
	}
.img_gamme {
	z-index:50;
	width:369px;
	height:260px;
	margin:18px 20px 20px 28px;
	background-repeat:no-repeat;
}
.bas_gamme {
	height:20px;
	font-family:"Arial Narrow", Arial, sans-serif;
	letter-spacing:1px;
	text-transform:uppercase;
	font-weight:bold;
	padding:0px 0px 5px 0px;
	color:#ffffff;
}
.btn_diaporama {
	position:inherit;
	z-index:70;
	width:51px;
	height:38px;
	top:488px;
}
.caracteristiques_gamme {
	position:inherit;
	width:365px;
	height:193px;
	padding:0px 30px 0px 30px;
	font-family:"Arial Narrow", Arial, sans-serif;
	font-size:11px;
	letter-spacing:1px;
	line-height:16px;
}
#contenerGammes {
	width:996px;
	height:600px;
	overflow:auto;
	white-space:nowrap;
}
#contenerGammes .aide {
	position:absolute;
	z-index:54;
	padding:8px 0px 0px 340px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#A72418;
	font-style:italic;
}
.texteProduit {
	background-image:url(../images/interface/transparence_txt.png);
	padding:10px;
	font-size:11px;
	color:#FFFFFF;
	white-space:normal;
}
/* ----------------------------------------------------- Gallery */
#gallery {
	display:none;
	}
#gallery ul {
	list-style: none;
	margin:5px 0px 5px 0px;
	padding:0px;
	}
#gallery ul li {
	display: inline;
	margin:0px;
	padding:0px;
	}
#gallery ul img {
	border: 5px solid #564C40;
	border-width: 5px 5px 20px;
}
#gallery ul a:link, #gallery ul a:visited, #gallery ul a:active, #gallery ul a:hover {
	text-decoration:none;
}
#gallery ul a:hover img {
	border: 5px solid #322F2A;
	border-width: 5px 5px 20px;
	color: #322F2A;
}
#gallery ul a:hover {
	color: #322F2A;
	}