/**
  * ../Css/produit.css
  *
  * Déclaration du CSS
  *
  * CSS 2
  *
  * @author Mathieu RUL <mathieu.rul@lafermiere.com>
  * @copyright 2008 La Fermière
	* @version 1.0
  */
  
/* -------------- CATEGORIE -------------- */
#categories {
	margin-left:30px;
	width:800px;
	display:block;
	float:left;
	border:none;
}
.tab_element {
	float:left;
	width:800px;
	
}
#categories img {
	max-height: 200px;
	border:none;
}

.categoriescolG {
	width:200px;
	border:none;
	text-align:center;
}
.categoriescolC {
	width:380px;
	text-align:justify;
}
.categoriescolD {
	width: 200px;
	border:none;
	text-align:center;
}
#categories a { 
	font-style:normal;
	font-weight:bold;
	color:#0095E2;
	text-decoration:none;
}

/* -------------- GAMME -------------- */
/* liste des gammes */
#liste_gamme {
margin-left: -3em;
width:800px;
padding-top:50px;
padding-left:50px
}
#liste_gamme a {
/*font-family: 'Script MT Bold', 'Trebuchet MS', 'Lucida Grande';*/
font-size: 16px;
text-decoration : none;
}
#liste_gamme p {
/*font-family: 'Script MT Bold', 'Trebuchet MS', 'Lucida Grande';*/
font-size: 20px;
font-weight:bold;
}
#liste_gamme ul.ul_gamme {
/*background: url('../Img/Graph/fond_produit.png') no-repeat center !important;
background: none;*/
background-image:url(../Img/Graph/fond_produit.png);
background-repeat:no-repeat;
background-position:center;
list-style: none;
text-align: center;
height: 530px;
}

#liste_gamme li.nom_categorie {
display: block;
font-family: 'Script MT Bold', 'Trebuchet MS', 'Lucida Grande';
font-size: 16px;
width: 210px;
color: #0095e2;
float: left;
margin-left: 90px;
margin-top: 80px;
}
li p a {

color: #000;
}
li p a:hover {
color: #0095e2;
}
/* 1 produit */
#nbr_1 li.pos_0 {
display: inline;
float: left;
margin-left: -50px;
margin-top: 130px;
}
#nbr_1 li.pos_0 img {
	padding-bottom:0px;
	margin-bottom:-20px;
}
/* 2 produits */
#nbr_2 li.pos_0 {
	display: inline;
	float: left;
	margin-left: 120px;
	margin-top: 20px;
	padding-bottom:0px;
}
#nbr_2 li.pos_1 {
	display: inline;
	float: left;
	margin-left: 70px;
	margin-top: -50px;
}
#nbr_2 li.pos_1 img{
	margin-bottom:-10px;
	padding-bottom:-10px;
}
/* 3 produits */
#nbr_3 li.pos_0 {
display: inline;
float: left;
margin-left: 140px;
margin-top: -30px;
}
#nbr_3 li.pos_1 {
display: inline;
float: left;
margin-left: 400px;
margin-top: 40px;
}
#nbr_3 li.pos_2 {
display: inline;
float: left;
margin-left: 60px;
margin-top: -400px;
}
/* 4 produits */
#nbr_4 li.pos_0 {
display: inline;
float: left;
margin-left:-25px;
margin-top:-70px;
padding:-25px;
}
#nbr_4 li.pos_1 {
display: inline;
float: left;
margin-left: 450px;
margin-top: -60px;
padding:-25px;
}
#nbr_4 li.pos_2 {
display: inline;
float: left;
margin-left: 275px;
margin-top: -50px;
padding:-25px;
}
#nbr_4 li.pos_3 {
display: inline;
float: left;
margin-left: -400px;
margin-top: -260px;
padding:-25px;
}
/* 5 produits */
#nbr_5 li.pos_0 {
display: inline;
float: left;
margin-left: 80px;
margin-top: -50px;
}
#nbr_5 li.pos_1 {
display: inline;
float: left;
margin-left: 480px;
margin-top: -80px;
}
#nbr_5 li.pos_2 {
display: inline;
float: left;
margin-left: 370px;
margin-top: -75px;
}
#nbr_5 li.pos_3 {
display: inline;
float: left;
margin-left: 160px;
margin-top: -280px;
}
#nbr_5 li.pos_4 {
display: inline;
float: left;
margin-left: 50px;
margin-top: -450px;
}
/* 6 produits */
#nbr_6 li.pos_0 {
display: inline;
float: left;
margin-left: 1px;
margin-top: -60px;
}
#nbr_6 li.pos_1 {
display: inline;
float: left;
margin-left: 470px;
margin-top: -210px;
}
#nbr_6 li.pos_2 {
display: inline;
float: left;
margin-left: 470px;
margin-top: -75px;
}
#nbr_6 li.pos_3 {
display: inline;
float: left;
margin-left: 330px;
margin-top: -130px;
}
#nbr_6 li.pos_4 {
display: inline;
float: left;
margin-left: -400px;
margin-top: -120px;
}
#nbr_6 li.pos_5 {
display: inline;
float: left;
margin-left: -480px;
margin-top: -340px;
}
#liste_gamme img {
width: 200px;
border: 0;
margin-bottom: -15px;
}
#liste_gamme span.nom_gammme {
margin-top: 0px;
}


/* -------------- DETAIL GAMME -------------- */
#chemin_element {
font-size: 18px;
font-family: 'Script MT Bold', 'Trebuchet MS', 'Lucida Grande';
margin-left: 1em;
margin-top: 1em;
}
#chemin_element ul {
margin-left: 0;
padding-left: 0;
display: inline;
border: none;
}
#chemin_element ul li {
margin-left: 0;
padding-left: 2px;
border: none;
list-style: none;
display: inline;
}
#chemin_element a {
color : #0095e2;
text-decoration : none;
}
#chemin_element a:hover {
color: #000;
}
#menu_gauche {
margin-left: -150px;
}
#detail_gamme {
	margin-top: 30px;
	width:800px;
}
#info_gamme {
float: left;
margin-left: 50px;
width: 350px;
}
#info_gamme2 {
float: left;
margin-left: 40px;
width: 750px;
}
#description_gamme {
	/*font-family: 'Maiandra GD', 'Trebuchet MS', 'Lucida Grande';*/
	font-family: 'Arial';
	color: #0095e2;
	text-align: justify;
	height: auto;
}
#description_gamme p {
/*	font-family: 'Maiandra GD', 'Trebuchet MS', 'Lucida Grande';*/
	color: #000;
	font-size: 16px;
	text-align: justify;
	height: auto;
}
#description_gamme h2 {
	font-size: 17px;
	font-weight:normal;
	text-align:center;
}
#description_gamme a {
	text-decoration:none;
	color : #0095e2;
}
#description_gamme a:visited {
	text-decoration:none;
	color : #0095e2;
}
#description_gamme a:hover {
	text-decoration:none;
	color : #0095e2;
	cursor:pointer;
}

#detail_produit {
margin-top: 20px;
}
#detail_produit table {
margin: 2px auto 0 auto;
font-family: 'Trebuchet MS', 'Lucida Grande';
font-size: 16px;
width: 350px;
}
#detail_produit caption {
text-align: center;
font-size: 16px;
padding: 2px 0 2px 0;
}
#detail_produit th {
color: #000;
padding: 4px;
}
#detail_produit th.vide {
background: none;
}
#detail_produit td {
text-align: right;
color: #0095e2;
font-size: 16px;
padding: 2px;
}
#detail_produit td.txt_left {
text-align: left;
color: #000;
}
#liste_produit {
float: right;
width: 450px;
margin-right: -100px;
}

#liste_produit2 {
	text-align:center;
}
.jsrollover {
	width:150px;
	height:150px;
}

#products-popup {
	position:absolute;
	z-index:1;
	width:800px;
}
.prod-popup {
	background-image:url(../Img/Html/popup-produit.png);
	background-repeat:no-repeat;
	width:250px;
	height:180px;
	display:none;
}
.prod-popup h1 {
	color:#000;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:16px;
	margin-top:11px;
	max-width:240px;
}
.prod-popup p {
	color:#000;
	margin-left:15px;
	margin-right:15px;
	margin-top:-7px;
	line-height:13px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:11px;
}



#liste_produit ul {
text-align: center;
margin-top: -10px;
}
#liste_produit li, #liste_produit_pro li {
display: inline;
list-style: none;
}
#liste_produit img {
width: 150px;
height: 150px;
border: 0px;
padding-left: 20px;
padding-right: 20px;
}
#liste_produit img.elem_un {
width: 250px;
height: 250px;
}
#liste_produit img.elem_deux {
margin-left: -30px;
margin-top: -25px;
width: 200px;
height: 200px;
}
#liste_produit img.elem_quatre {
width: 150px;
height: 150px;
}
#liste_produit img.elem_six {
padding-left: 2px;
padding-right: 2px;
margin-left: -20px;
margin-top: -20px;
}
	#pied_page_gamme {
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	font-size: 16px;
}
#pied_page_gamme img {
	float: left;
	margin-top: 3px;
	margin-right:5px;
}