/* CSS Document */

html
	{
	height:100%;
	}
	
img.png {
behavior: url(png.htc);
}

body
	{
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background : #000;
	background-image: url(images/fond.png);
	background-repeat: repeat; 
	background-position: center center;
	color: #c0c0c0;
	font-size: 9px;
	}
	
.abs {
	vertical-align:middle;
	}

#accueil
	{

	position: absolute;

    width: 990px;        /* selon la largeur voulue */
    margin-left: -495px; /*moitie de width */
    left: 50%;           /* constant, toujours 50% */
	
	text-align:left;
	}

#sommaire
	{

	position: absolute;

    width: 990px;        /* selon la largeur voulue */
    margin-left: -495px; /*moitie de width */
    left: 50%;           /* constant, toujours 50% */
    background-color: #999999;
	text-align:left;
	}
	
#admin
	{

	position: absolute;

    width: 200px;        /* selon la largeur voulue */
    margin-left: -100px; /*moitie de width */
    left: 50%;           /* constant, toujours 50% */
	
	height: 100px;        /* selon la largeur voulue */
    margin-top: -50px; /*moitie de width */
    top: 50%;           /* constant, toujours 50% */
	
	text-align:left;
	}
	
#admin2
	{

	position: absolute;

    width: 600px;        /* selon la largeur voulue */
    margin-left: -300px; /*moitie de width */
    left: 50%;           /* constant, toujours 50% */
	
	top:30px;
    background-color: #000;
	text-align:left;
	}
	
#ajout
	{

	position: absolute;

    width: 200px;        /* selon la largeur voulue */
    margin-left: -100px; /*moitie de width */
    left: 50%;           /* constant, toujours 50% */
	
	height: 300px;        /* selon la largeur voulue */
    margin-top: -150px; /*moitie de width */
    top: 50%;           /* constant, toujours 50% */
	
	text-align:left;
	}
	
#aide
	{
	position: absolute;
	width: 240px;        /* selon la largeur voulue */
	margin-left: 240px; /*moitie de width */
	left: 50%;           /* constant, toujours 50% */
	height: 300px;        /* selon la largeur voulue */
	margin-top: -150px; /*moitie de width */
	top: 580px;           /* constant, toujours 50% */
	text-align:left;
	z-index:200;
	}

#header
	{
	background-image:url(images/header_fd.png);
	background-color:#000000;
	height:110px;
	}
	
#menu
	{
	/*background-image:url(images/menu_fd.png);*/
	background-color:#000000;
	height:26px;
	}
	
#illus
	{
	background-color:#000000;
	height:306px;
	}
	
#logotype
	{
	margin: 0 0 0 0;
	padding: 10px 0 0 0;
	}
	
#user
	{
	position: relative;
	float:right;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color:#bda57d;
	margin: 10px 10px 0 0;
	}
	
#lang
	{
	position: relative;
	padding:0 0 0 5px;
	float:left;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color:#bda57d;
	margin: 10px 10px 0 0;
	}
	
#barre
	{
	/*background-image:url(images/menu_fd2.jpg);*/
	background-color:#1f1f1f;
	background-image:url(images/kraft.jpg);
	width:240px;
	height:260px;
	float:left;
	}
	
#categorie
	{
	padding: 10px 0 25px 15px;
	height:50px;
	margin: 5px 0 0 0;
	background-image:url(images/fd_cat.png);
	}
	
#cote
	{
	background-color:#1f1f1f;
	background-image:url(images/kraft.jpg);
	}
#content
	{
	background-color:#000000;
	width:750px;
	height:260px;
	float:right;
	}
	
.mentions
	{
	background-image:url(images/footer_fd.jpg);
	background-repeat:repeat-x;
	background-color:#000;
	height:55px;
	padding: 15px 0 0 0;
	}

#fiche
	{
	margin:20px;
	background-color:#000000;
	/*padding-left: 50px;*/
	}
	
#fiche2
	{
	margin:10px;
	background-color:#000000;
	padding-left: 40px;
	padding-top : 20px;
	background-image:url(images/fond_form.png);
	background-repeat:repeat-y;
	}
	
#fiche_photo
	{
	float:left;
	width:160px;
	}
	
#fiche_texte
	{
	float:right;
	}

#equilibrage
	{
	padding-bottom:3px;
	}
	
#tableau
	{
	padding: 5px;
	border: solid ;
	border-width: 1px;
	border-color:#4c4232;
	}
	
#cellule
	{
	padding:10px;
	}
	
/* TYPOGRAPHIES */

.fiche_titre
	{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:17px;
	color:#bda57d;
	}
	
.annotation
	{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color:#94785b;
	}

.fiche_descriptif
	{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#999999;
	padding:0px 70px 0px 0px;;
	}
	
.fiche_millesime
	{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color:#999;
	}
	
.fiche_tarif
	{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	color:#bda57d;
	}

.menu_tarif
	{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color:#8f7c5b;
	}

.selection
	{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color:#3f2e1e;
	font-weight:bold;
	}

.commentaire
	{
	font-family:Arial, "Times New Roman", Times, serif;
	font-size:10px;
	color:#85420d;
	}

.descriptif
	{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#999999;
	padding:0px 0px 0px 0px;;
	}
	
.descriptif2
	{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#bda57d;
	padding:0px 0px 0px 0px;;
	}
	
.descriptif2_ext
	{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#bda57d;
	padding:0px 0px 0px 0px;;
	}

.mentions
	{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	color:#A08A64;
	}
	
.mentions2
	{
	font-family:Arial, "Times New Roman", Times, serif;
	font-size:11px;
	color:#bda57d;
	}
	
.mentions3
	{
	font-family:Arial, "Times New Roman", Times, serif;
	font-size:11px;
	color:#85420d;
	}
	
.mentions4
	{
	font-family:Arial, "Times New Roman", Times, serif;
	font-size:11px;
	color:#999999;
	}
	
.mentions5
	{
	font-family:Arial, "Times New Roman", Times, serif;
	font-size:11px;
	padding-left:50px;
	color:#85420d;
	}
	
.stitre
	{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color:#888;
	}
	
.panier
	{
	font-family:Arial, "Times New Roman", Times, serif;
	font-size:12px;
	color:#8f7c5b;
	font-weight:bold;
	}
	
.milles
	{
	font-family:Arial, "Times New Roman", Times, serif;
	font-size:10px;
	color:#777;
	}
.pointer
	{
	cursor:pointer;
	}	
	
.focus
	{
	cursor:pointer;
	font-family:Arial, "Times New Roman", Times, serif;
	font-size:11px;
	color:#bda57d;
	}	
	
.info2
	{
	font-family:Arial, "Times New Roman", Times, serif;
	font-size:10px;
	color:#bda57d;
	}	
	
.quantite
	{
	font-family:Arial, "Times New Roman", Times, serif;
	font-size:11px;
	color:#3f2e1e;
	font-weight:bold;
	}

.titre
	{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	color:#bda57d;
	}
	
/* LIENS HYPERTEXTES */

a:link, a:visited {
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#bda57d;
  text-decoration:none;
}

a:hover {
  color:#898989;
  text-decoration:underline;
  }

a.select:link,  a.select:visited {
  color:#8f7c5b;
  text-decoration:none;
}

a.select:hover {
  border-bottom: #9a7c3d 1px dotted;
  text-decoration:none;
  color:#9a7c3d;
}

a.compte:link, a.compte:visited {
  color:#b79f79;
  text-decoration:none;
}

a.compte:hover {
  border-bottom: #dfcbab 1px dotted;
  text-decoration:none;
  color:#ece0cc;
}

a.mentions:link, a.mentions:visited {
  font-family:Georgia, "Times New Roman", Times, serif;
  color:#b79f79;
  text-decoration:none;
}

a.mentions:hover {
  border-bottom: #dfcbab 1px dotted;
  text-decoration:none;
  color:#ece0cc;
}

a.mentions2:link, a.mentions2:visited {
  font-size:10px;
  color:#888;
  text-decoration:none;
}

a.mentions2:hover {
  font-size:10px;
  border-bottom: #dfcbab 1px dotted;
  text-decoration:none;
  color:#ece0cc;
}

/* FORM */

input {
	border:1px solid #bda57d;
	-moz-border-radius: 4px 4px;
  	border-radius: 4px 4px;
	background-color:#171717;
	background-image:url(images/fond_form.png);
	font-size:12px;
    font-family:Arial, Helvetica, sans-serif;
	color:#bda57d;
	padding-left: 5px;
}
input.bouton {
	border:1px solid #555;
	background-color:#171717;
	background-image:url(images/fond_form.png);
	font-size:12px;
    font-family:Arial, Helvetica, sans-serif;
	color:#bda57d;
}
input.bouton:hover {
	border:1px solid #bda57d;
	background-color:#171717;
	background-image:url(images/fond_form.png);
	font-size:12px;
    font-family:Arial, Helvetica, sans-serif;
	color:#bda57d;
}
input.bouton:active {
	border:1px solid #555;
	background-color:#171717;
	background-image:url(images/fond_form.png);
	font-size:12px;
    font-family:Arial, Helvetica, sans-serif;
	color:#bda57d;
} 
select, option {
	background-color:#171717;
	color:#bda57d;
	padding-left: 2px;
	-moz-border-radius: 4px 4px;
  	border-radius: 4px 4px;
	border:1px solid #555;

	/*
	border:1px solid #555;
	background-image:url(images/fond_form.png);
	font-size:12px;
    font-family:Arial, Helvetica, sans-serif;
	color:#bda57d;
	padding-left: 2px;*/
}
textarea {
	border:1px solid #555;
	background-color:#171717;
	background-image:url(images/fond_form.png);
	font-size:12px;
    font-family:Arial, Helvetica, sans-serif;
	color:#bda57d;
	padding-left: 5px;
}

input:focus, textarea:focus {
	border:1px solid #bda57d;
	background-color:#171717;
	background-image:url(images/fond_form.png);
	font-size:12px;
    font-family:Arial, Helvetica, sans-serif;
	color:#bda57d;
	padding-left: 5px;
}

a.popup {
text-decoration: none; /* définition du lien qui affichera le "calque" */
}
a.popup:hover {
background: none; /* correction d'un bug IE */
}
a.popup span { /* définition de la balise <span> inclue dans <a> */
display: none;
}
a.popup:hover span { /* définition de la balise <span> au survol */
display: inline;
position: absolute;
top: 20px; /* positions et dimensions du calque, que vous pouvez changer à loisir */
left: 0px;
width: 200px;
height: 200px;
padding: 10px;
font-family:Arial, Helvetica, sans-serif;
text-align:justify;
font-size:10px;
border: solid ;
border-width: 1px;
border-color:#4c4232;
text-align: left;
color: #999;
z-index:100;
}