@CHARSET "utf-8";

* {
	font-family:sans-serif;
}

img {
	border:0;
}

body {
//	background:#eee url('/images/page/fond.gif');
	background:#272;
	margin:0;
	text-align:center;
}

#cacher {
	width:1px;
	height:1px;
	top:-1000px;
	left:-1000px;
	position:relative;
	visibility:hidden;
}

#page_strie {
	background:#fff;
	width:900px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	padding:0;
}

#tete_logo {
	width:200px;
	float:left;
}

#tete_rubriques {
	background-color:#272;
	color:#fff;
	width:900px;
	padding-top:10px;
	margin-left:auto;
	margin-right:auto;
	clear:both;
}
#tete_rubriques a {
	font-size:15pt;
	font-weight:bold;
}
#tete_rubriques a:link {
	color:#fff;
}
#tete_rubriques a:active {
	color:#fff;
}
#tete_rubriques a:visited {
	color:#fff;
}
#tete_rubriques a:hover {
	color:#eee;
}

#page {
	background:#fff url('/images/page/fond.gif');
	width:900px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	padding:0;
}

/* Elements de contenus */
#contenus_gauche {
	background:#fff url('/images/menu_gauche/menu_gauche_02.gif') right repeat-y;
	width:120px;
	float:left;
	text-align:left;
	margin-left:10px;
	margin-bottom:10px;
	font-size:10pt;
}
#contenus_gauche ul {
	margin:0;
	padding-left:1em;
}
#contenus_gauche li {
	margin:0;
	font-size:10pt;
}
#contenus_gauche p {
	padding:0;
	margin-top:20px;
	border:1px solid #fc0;
}

#contenus_centre {
	background-color:#fff;
	font-size:10pt;
	line-height:16pt;
	width:750px;
	text-align:left;
	float:left;
	margin-left:10px;
	margin-bottom:10px;
}

#contenus_centre h1 {
	font-size:15pt;
	color:#c60;
}
#contenus_centre h2 {
	font-size:13pt;
//	color:#258;
	color:darkorange;
	margin-bottom:5px;
}

/* Pied de page */
#pied {
	clear:both;
//	background-color:#355DA5;
	background-color:darkorange;
	color:#fff;
	font-size:8pt;
	padding:10px;
	text-align:center;
	letter-spacing:.1em;
}

#contenus_centre {
	background-color:#fff;
	font-size:10pt;
	line-height:16pt;
	width:750px;
	text-align:left;
	float:left;
	margin-left:10px;
	margin-bottom:10px;
}

#contenus_centre h1 {
	font-size:15pt;
	color:#c60;
}
#contenus_centre h2 {
	font-size:13pt;
//	color:#258;
	color:darkorange;
	margin-bottom:5px;
}

/* Generique */
.rouge {
	color:#f00;
}

.bordeaux {
	color:#c00;
}

.vert {
	color:#272;
}
.bleu {
	color:#36a;
}
.gris {
	color:#999;
}

a img,:link img,:visited img { border: none; }

a {
   position: relative;
   color: darkblue;
   text-decoration: none;
}

a:link, a:visited
{
  text-decoration: none;
  color: darkblue;
}

a:hover
{
  text-decoration: underline;
  color: darkblue;
}

a.sansdeco {
   position: relative;
   color: black;
   text-decoration: none;
}

a.sansdeco:link, a.sansdeco:visited
{
  text-decoration: none;
  color:black;
}

a.sansdeco:hover
{
  text-decoration: none;
}

a.info span {
   display: none; /* on masque l'infobulle */
}

a.info:hover {
   background: none; /* correction d'un bug IE */
   z-index: 500; /* on définit une valeur pour l'ordre d'affichage */

   cursor: help; /* on change le curseur par défaut en curseur d'aide */
}

a.info:hover span {
   display: inline; /* on affiche l'infobulle */
   position: absolute;

   white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

   top: 30px; /* on positionne notre infobulle */
   left: 20px;
   
   background: lightblue;

   color: blue;
   padding: 3px;

   border: 1px solid blue;
   border-left: 4px solid blue;
}

input[type=text] {
   background: lightblue;
   border: 1px solid blue;
//   width: 100px;
}

input[type=password] {
   background: lightblue;
   border: 1px solid blue;
//   width: 100px;
}

input[type=submit] {
   background: lightblue;
   border: 1px solid blue;
   width: 200px;
}

input[type=button] {
   background: lightblue;
   border: 1px solid blue;
   width: 20px;
}

select {
	border:1px solid darkblue;
	background-color:lightblue;
}

img.pieces {
  float:left;
  width:50px;
  height:50px;
  cursor:move;
}

img.cart_items {
  float:left;
  width:32px;
  height:32px;
  margin-right:10px;
  cursor:move;
}

img.puces {
  float:left;
  width:10px;
  height:10px;
  margin-right:0px;
}

#piece_list {
  height:120px;
  padding:20px;
  border:1px;
}

div.piece_list-active {
  background-color:#ccc;
}

div.cart-active {
  background-color:#eee;
}