/* CSS Document */
* {
  font-family: Arial, Helvetica, sans-serif;
  color: #666;
}
body,table {
  font-size:90%;
}

/* ===== Menu Gauche =====*/
div.menug h1 {
  padding: 0px;
  margin: 0px;
  color: magenta;
  text-transform: capitalize;
  font-size: 180%;
}
.affcache{
  font-size:8px;
  color:#cccccc;
}
/* Mini Galerie d'un artiste */
div.minigal a {
  color: #666;
  text-transform: uppercase;
  text-decoration:none;
}

/* Fiche oeuvre */
div.fiche-oeuvre {
}
div.fiche-oeuvre h1.titre {
	color: #97a5b0;
}
div.fiche-oeuvre h2.artiste {
	color: gray;
}
div.fiche-oeuvre p.description {
	font-style:italic;
}

/* Header */
#header {
  width:840px;
  margin:0px;
  padding:1px;
}
#header a, #header li.menutop {
  display:inline;
  text-decoration: none;
  color: #666;
  font-weight: bold;
}

/* Menu haut */
#menuh {
  width:840px;
  margin:0px 0px;
  padding:1px;
  text-align:right;
}
#menuh .menu {
  border-bottom:1px #666 dashed;
  height:20px;
}
#menuh .ssmenu {}
#menuh a, #menuh li.menutop {
  display:inline;
  text-decoration: none;
  color: #666;
  font-weight: bold;
}
#menuh a:hover {
  color: white;
  background-color:#666;
}

/* Footer */
#footer {
  width:840px;
  margin:8px 0px;
  padding:1px;
  border-top:1px #666 dashed;
  text-align:right;
}
#footer a {
  text-decoration: none;
  color: #666;
  font-weight: bold;
}
#footer a:hover {
  color: white;
  background-color:#666;
}


/* Aide */
p.aide {
  text-align:center;
  color:black;
  font-size:8pt;
  padding:2px 8px;
  font-style:italic;
  font-weight:bold;
}
p.aide font {
  background-color:yellow;
}

/* Menu Gauche */
#menugauche,#panier {
	margin: 0px 0px 8px;
	padding: 0px 0px 8px;
}
#menugauche a,#panier a {
  text-decoration: none;
  color: gray;
  display:block;
  border-bottom: 1px gray dashed;
  margin-top: 12px;
}
#menugauche a:hover,#panier a:hover{
  color:white;
  background-color: gray;
}
#menugauche ul,#panier ul {
	margin: 0px 0px 4px 4px;
	padding: 0px;
}
#menugauche li,#panier li {
  list-style: none;
  font-weight:bold;
  font-size: 12pt;
}
#menugauche li li {
  font-weight:nomal;
  font-size: 10pt;
  border: none;
}
#menugauche li li a{
  font-weight: normal;
  display:inline;
  border:none;
}
#menugauche li li.actuel a{
  font-weight:bold;
}

/* Liste du panier */
#contenupanier {
  font-size:10px;
}
#contenupanier table {
  width:96%;
  border:1px silver solid;
  margin: 2px 0px;
}
#contenupanier table:hover {
  background-color:#efefef;
}
#contenupanier p{
  margin:0px;
}
#contenupanier a{
  border:none;
  text-decoration:underline;
  color:blue;
  margin:0px;
}
#contenupanier p.prix{
  font-size:14px;
  font-weight:bold;
}

/* Actif/inactif */
.on  {background-color: green;color:white;}
.off {background-color: red;color:white;}

/* Formulaires */
form {
  margin:0px;
  padding:0px;
}

/* Nuage de tags */
.nuage {
  width: 160px;
  padding:8px;
  border: 1px dashed gray;
  line-height:80%;
}
.nuage a {
  text-decoration:none;
  font-size:bold;
}
.nuage a:hover {
  background-color:gray;
  color:white;
}

form.formulaire {
}
form.formulaire textarea {
  height:96px;
}
form.formulaire label {
  display:block;
}
form.formulaire input,form.formulaire textarea {
  width:96%;
}
form.formulaire input[type='submit'] {
  width:auto;
}

/* postit */
.postit li {
  font-size: smaller;
}

/* Les news */
div.news {
}

/* Boite de CV */
#tab-cv p {
	text-align:justify;
}
#tab-cv img.cv {
	float:right;
	width:120px;
	margin-left: 8px;
}