/* ---- Style des balises html sans id ni class */
html, body {
  height:100%;
  margin:0;
  padding:0;
  background-color:#F8F8F9; 
  text-align:center;
  color:#000;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
}
a {
  color:#000;
  font-size:11px;
  font-weight:bold;
  text-decoration:none;
}
a:hover {
  color:#000;
  font-size:11px;
  font-weight:bold;
  text-decoration:underline;
}
a.pagination {
  color:#666;
  font-size:11px;
  font-weight:normal;
  text-decoration:none;
}
a.pagination:hover {
  color:#000;
  font-size:11px;
  font-weight:normal;
  text-decoration:underline;
}
label {
  float: left;
  width: 200px;
  padding-top: 3px;
}
input,select {
  color:#000;
  font-size:11px;
  border:1px #A3A3A3 solid;
}
form {
  padding:0;
  margin:0;
}


/* ---- Style des div de mise en forme du contenu */
#website {
	position:relative;
  width:850px;
  margin-left:auto;
  margin-right:auto;
  padding:0;
  border-left:1px #000 solid;
  border-right:1px #000 solid;
  background-color:#FFF;
  text-align:left; 
  min-height: 100%; 
}
#header {
  height:144px;
  margin:0;
  padding:0;
  text-align:left;
  background-color:#FFF;
}
#head {
  position:relative;
  height:122px;
  margin:0;
  padding:0;
  text-align:left;
  background: #FFF url(../images/site/header.jpg) no-repeat;
}
#flags {
  float:right;
  margin:15px 15px 0 0;
}
#head_menu {
  height:22px;
  margin:0;
  padding:0;
  text-align:center;
  background: #FFF url(../images/site/menu_header.jpg) no-repeat;
}
#head_menu ul {
  list-style:none;
  margin:0;
  padding:0;
}
#head_menu li {
  float:left;
  height:22px;
  padding:0 22px 0 20px;
  text-align:center;
  line-height:21px;
}
#head_menu a {
  color:#000;
  font-size:11px;
  font-weight:bold;
}
#head_menu a:hover {
  color:#000;
  font-size:11px;
  font-weight:bold;
}
#menu {
  float:left;
  width:190px;
  margin:0 0 0 8px;
  background-color:#FFF;
  text-align:center;
  color:#000;
  font-size:11px;
}
#menu div.haut {
  width:180px;
  height:19px;
  background-color:#FFF;
  color:#F8F8F9;
  padding:0;
}
#menu h1 {
  font-size:14px;
  font-weight:bold;
  text-align:center;
	margin:0;
	padding:1px 0 0 0;
}
#menu div.bas {
  width:178px;
  border-left:1px #A3A3A3 solid;
  border-right:1px #A3A3A3 solid;
  border-bottom:1px #A3A3A3 solid;
  background-color:#E4E4E4;
  margin:0 0 10px 0;
  padding:0;
  color:#000;
  font-size:11px;
  font-weight:bold;
  text-align:left;
}
div.bas ul {
  list-style-type:none;
  padding:0 0 0 18px; 
  margin:0;
}
div.bas li {
  height:18px;
  padding:0;
  margin:0;
}
div.bas a {
  color:#000;
  font-size:11px;
  font-weight:bold;
}
div.bas a:hover {
  color:#000;
  font-size:11px;
  font-weight:bold;
}
#content {
  float:left;
  width:635px;
  margin:0 0 0 10px;
  color:#000;
  font-size:11px;
  text-align:left;
  background-color:#FFF;
}
#footer {
	position: absolute;
	bottom: 0; 
	left: 0;
	width: 100%;
  margin:0;
  padding:0;
  clear:left;
  height:20px;
  text-align:center;
  color:#000;
  font-size:11px;
  background-color:#FFF;
}
div.spacer {
  margin:0;
  padding:0;
  clear:left;
  height:10px;
  text-align:center;
  color:#000;
  font-size:11px;
  background-color:#FFF;
}
div.spacer2 {
  margin:0;
  padding:0;
  clear:left;
  height:10px;
	padding-bottom:25px;
  text-align:center;
  color:#000;
  font-size:11px;
  background-color:#FFF;
}
div.separateur {
	background: transparent url(../images/site/content_sep.gif) no-repeat center center;
	height: 30px;
	clear:both;
}
div.separateur hr {
	display:none;
}
div.accueilsel {
  float:left; 
  width:205px;
  margin:0;
  padding:0;
}
div.accueilsel img {
  border:0;
}
div.produit {
  width:100%;
}
div.produit img.produit {
  float:left;
  border:0px;
  margin:0 10px 0 0;
}
div.produit div.gauche {
  float:left;
  width:75%;
}
div.produit div.droite {
  float:left;
  width:24%;
  text-align: right;
}
div.produit div.droite img {
  border:0;
  vertical-align: middle;
}
#nav {
  color: #A3A3A3;
  padding-bottom: 10px;
}
#nav a {
  color: #A3A3A3;
  text-decoration:none;
  font-weight:normal;
}
#nav a:hover {
  color: #A3A3A3;
  text-decoration:underline;
}
#nav span {
  color: #333333;
  padding-bottom: 10px;
}
fieldset.commander {
  margin:0;
  padding:10px;
  border:1px #A3A3A3 solid;
  width: 50%;
}
fieldset.commander input.chp {
  font-size:11px;
  color:#000;
  width:40px;
  border:1px #A3A3A3 solid;
}
fieldset.commander input.sub {
  font-size:11px;
  background:#8D1249;
  color:#FFF;
  font-weight:bold;
  border:1px #000 solid;
}
fieldset.commander img {
  vertical-align:middle;
}
fieldset.commander div.stock {
  float:right;
}
fieldset.commander p {
  margin:0;
  padding:5px 0 0 0;
}
fieldset.commander legend {
  margin:0;
  padding:0 5px 0 5px;
  font-weight:bold;
}
p.proddescr {
  margin:0;
  padding:5px 0 0 0;
}
p.recherche {
  color:#000;
  margin:0;
  padding:0;
  font-size:11px;
}
fieldset.commander input.sub {
  font-size:11px;
  background:#8D1249;
  color:#FFF;
  font-weight:bold;
  border:1px #000 solid;
}


/* ---- Style du texte */
.prixorange {
  color:#EB6E08;
  font-size:11px;
  font-weight:bold;
}
h3.prixorange, h4.prixorange {
  margin:0;
  padding:5px 0 5px 0;
  font-size:12px;
  font-weight:bold;
}
.prixorangebig {
  color:#EB6E08;
  font-size:14px;
  font-weight:bold;
}
.prixgrisbarre {
  color:#A3A3A3;
  font-size:11px;
  font-weight:bold;
  text-decoration:line-through;
}
h1.titrerose {
  color:#DC8AAD;
  font-size:16px;
  font-weight:bold;
	margin:0 0 5px 0;
	padding:0;
}
h1.titremarron {
  color:#672E32;
  font-size:16px;
  font-weight:bold;
	margin:0 0 5px 0;
	padding:0;
}
h1.titrebordeau {
  color:#8D1249;
  font-size:16px;
  font-weight:bold;
	margin:0 0 5px 0;
	padding:0;
}
h2.titreproduit {
  color:#000;
  margin:0;
  padding:0 0 5px 0;
  font-size:13px;
  font-weight:bold;
}
h2.recherche {
  color:#000;
  margin:0;
  padding:0;
  font-size:13px;
  font-weight:bold;
}
h2.descrproduit, h3.descrproduit {
  color:#A3A3A3;
  margin:0;
  padding:0;
  font-size:11px;
  font-weight:normal;
}

/************************************************* MISE EN FORME FORMULAIRE DE CONTACT ET RECHERCHE */

#contact p {
  margin:0;
  padding:4px 0 5px 0;
}
#rechercher p {
  margin:0;
  padding:4px 0 5px 0;
}
#contact fieldset {
  margin:0;
  padding:2px;
  border:1px #A3A3A3 solid;
  width: 90%;
}
#rechercher fieldset {
  margin:0;
  padding:2px;
  border:1px #A3A3A3 solid;
  width: 90%;
}
#contact legend {
  margin:0;
  padding:0 5px 0 5px;
  font-weight:bold;
}
#rechercher legend {
  margin:0;
  padding:0 5px 0 5px;
  font-weight:bold;
}
#contact em {
  color: #F00;
  padding-right: 1em;
}
#rechercher em {
  color: #F00;
  padding-right: 1em;
}
#contact label {
  float: left;
  width: 22%;
  text-align: right;
  color: #000;
  margin:0;
  padding:0;
  padding-right: 2px;
  font-weight: bold;
}
#rechercher label {
  float: left;
  width: 35%;
  text-align: right;
  color: #000;
  margin:0;
  padding:0;
  padding-right: 2px;
  font-weight: bold;
}
#contact label:hover {
  cursor: pointer;
}
#rechercher label:hover {
  cursor: pointer;
}
#contact input.width350 {
  width: 400px;
  background: #FFF;
  /*background: #EAF2F5;*/
  border: 1px #A3A3A3 solid;
}
#rechercher input.width350 {
  width: 320px;
  background: #FFF;
  /*background: #EAF2F5;*/
  border: 1px #A3A3A3 solid;
}
#contact input.width350Focus {
  width: 400px;
  background: #ECECEC;
  border: 1px #A3A3A3 inset;
}
#rechercher input.width350Focus {
  width: 320px;
  background: #ECECEC;
  border: 1px #A3A3A3 inset;
}
#contact textarea.width350Txt {
  width: 400px;
  height: 100px;
  background: #FFF;
  border: 1px #A3A3A3 solid;
}
#contact textarea.width350TxtFocus {
  width: 400px;
  height: 100px;
  background: #ECECEC;
  border: 1px #A3A3A3 inset;
}
#contact input.width50 {
  width: 50px;
  background: #FFF;
  /*background: #EAF2F5;*/
  border: 1px #A3A3A3 solid;
}
#contact input.width50Focus {
  width: 50px;
  background: #ECECEC;
  border: 1px #A3A3A3 inset;
}
#rechercher select {
  width: 320px;
  background: #FFF;
  /*background: #EAF2F5;*/
  border: 1px #A3A3A3 solid;
}
#contact input.bouton {
  font-size:11px;
  background:#8D1249;
  color:#FFF;
  font-weight:bold;
  border:1px #000 solid;
}
#rechercher input.bouton {
  font-size:11px;
  background:#8D1249;
  color:#FFF;
  font-weight:bold;
  border:1px #000 solid;
}
#content p.erreur {
  text-align: center;
  background: #eeeeee;
  color: #f00;
  padding: 1em;
  margin-bottom: 0.5em;
}
#content p.succes {
  text-align: center;
  background: #eeeeee;
  color: #4d4d4d;
  padding: 1em;
  margin-bottom: 0.5em;
}
#content p.erreur img,
#content p.succes img {
  vertical-align: text-bottom;
}