body
{
  background-color:#dce7ff;
  font-family:Verdana, Arial, Serif;
  font-size: 14px;
  width:900px;
  margin:auto;
}

.form1, h1, .art, .nav, table, th, .container, #navSquare, .mess3
{
  text-align:center;
}

#logo
{
  cursor: default;
  margin-left: 130px;
}

#slogan
{
 margin-top: 4px 
}

.container
{
  width: 510px;
  padding: 15px;
  border: 1px solid #ccc;
  margin:auto;
  background:#a4c2ff;
}

#navSquare
{
  margin: 0;
  padding: 0 0 20px 10px;
  border-bottom: 1px solid #9FB1BC;
  font-family: verdana, sans-serif;
  font-size: 13px;
}

#navSquare li
{
  margin: 0;
  padding: 0;
  display: inline;
  list-style-type: none;
}

#navSquare a:link, #navSquare a:visited
{
  float: left;
  font-size: 13px;
  line-height: 14px;
  font-weight: bold;
  padding: 0 12px 6px 12px;
  text-decoration: none;
  color: white;
}

#navSquare a:link.active, #navSquare a:visited.active, #navSquare a:hover
{
  color: #000;
  background: url("../image/square.gif") no-repeat bottom center;
}

.form1 select, .form1 input
{
  background-color: #a4c2ff;
}

.nav a
{
  text-decoration:none;
  font-weight:bold;
  color:black;
}

a img
{
  border:none;
}

.nav a:link.select, .nav a:visited.select, .nav a:hover
{
  text-decoration:none;
  color:red;
}

.art
{
  font-weight:bold;
  color:blue;
  font-variant:small-caps;
}

table
{
  border-collapse:collapse;
  border:2px solid black;
  margin:auto;
}

th, td
{
  border:1px solid black;
  padding:5px;
  font-size:0.8em;
}

th.marque, th.nom, th.descrip, th.prix, th.photo , th.voir
{
  background-color: navy;
  color:white;
}

.marque
{
  width:105px;
  font-weight:bold;
}

.nom 
{
  width:120px;
}

.descrip
{
  width:380px;
}

.prix
{
  width:70px;
  font-weight:bold;
}

.photo
{
  width:120px;
}

td.marque, td.nom, td.descrip
{
  text-align:left;
  vertical-align: top;
}

td.marque
{
  background-color:#a4c2ff;
}

td.photo
{
  text-align:center;
  vertical-align: top;
}

td.prix 
{
  text-align:right;
  vertical-align: top;
}

td.voir a
{
  text-align:center;
  text-decoration: none;
  color: Black;
}

#copy a
{
  text-decoration:none;
  color:black;
}

#equipe
{
  font-family: Arial, Verdana, serif;
  font-size: 13px;
  color: black;
  text-decoration: none;
  border-width: 5px;
  border-color: navy;
  border-style: outset;
  background-color: #a4c2ff;
  width: 840px;
  padding: 5px 25px;
}

#equipe .titequip
{
  display: block;
  font-family: Arial, Verdana, serif;
  font-size: 13px;
  color: white;
  font-variant: small-caps;
  font-weight: bold;
  padding: 10px;
  background-color: navy;
  text-align: center;
  margin-right: 250px;
  margin-left: 250px;
}

#equipe a:link, #equipe a:visited
{
  text-decoration: none;
  color: red;
  font-variant: small-caps;
  font-weight: bold;
}

#equipe a:hover
{
  text-decoration: none;
  color: white;
  font-variant: small-caps;
}

#actu
{
  border-width: 5px;
  border-style: outset;
  border-color: navy;
}

#actu table
{
  border: none;
}

#actu caption
{
  background-color: navy;
  color: white;
  font-family: Arial, Verdana, serif;
  font-size: 13px;
  font-variant: small-caps;
  font-weight: bold;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-right: 271px;
  margin-left: 273px;
  margin-top: 5px;
  margin-bottom: 5px;
}

#actu td.titre, #actu td.date
{
  font-weight: bold;
  font-size: 10px;
  vertical-align: top;
  padding: 10px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-top: 2px solid white;
}

#actu td.texte
{
  text-align: justify;
  vertical-align: top;
  font-size: 10px;
  width: 690px;
  padding: 10px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-top: 2px solid white;
}

#actu td.titre
{
  width: 80px;
  background-color: #a4c2ff;
  color: navy;
}

#actu td.date
{
  width: 50px;
  color: white;
  background-color: navy;
}

.contact
{
  font-family: Arial, Verdana, serif;
  font-size: 0.9em;
  margin-left: 30px;
  margin-right: 25px;
  border: 1px solid navy;
  padding: 10px 0px 40px 25px;
  background:#a4c2ff;
}

#civilite, #nom, #prenom, #email, #sujet, #message
{
  position: absolute;
  left: 230px;
  background-color:#dce7ff;
}

.bouton1
{
  margin-left: 250px;
  background-color:#dce7ff;
}

.bouton2
{
  margin-left: 50px;
  background-color:#dce7ff;
}

form label
{
  font-style: italic;
  color: blue;
  font-size: 0.9em;
  font-weight: bold;
}

.alerte
{
  position: absolute;
  top: 678px;
  color: red;
  left: 170px;
  text-decoration: blink;
  font-size: 11px;
  font-weight: bold;
}

.mess
{
  margin-left: 180px;
	font-size: 11px;
  color: red;
  font-style: italic;
}

#fiche1
{
  background-color: blue;
  line-height: 30px;
  vertical-align: center;
  width: 640px;
}

#fiche2
{
  background-color: #a4c2ff;
  line-height: 20px;
  vertical-align: center;
  width: 640px;
  height: 120px;
}

.fichemarque, .fichenom, .ficheprix, .ficheoldprix
{
  display: inline;
  font-size: 13px;
  color: white;
  font-weight: bold;
  font-family: Arial, Verdana, serif;
}

.fichemarque, .fichenom
{
  padding-left: 20px;
}

.ficheprix, .ficheoldprix
{
  padding-left: 100px;
}

.ficheoldprix
{
  text-decoration: line-through;
  color: red;
  
}

.fichedescrip
{
  font-size: 13px;
  color: navy;
  font-family: Arial, Verdana, serif;
  padding-left: 20px;
}

#diap
{
 width: 200px;
 padding: 0px;
 margin-left: 615px;
}

#cadre
{
  margin-left: 60px;
  float: left;
  width: 450px;
  background-color: white;
}

#brdhg
{
  background: url("../image/brdhg.gif") no-repeat left top;
  background-color: white;
}

#brdh
{
  background: url("../image/brdh.gif") repeat-x top;
  position: relative;
  left: 10px;
  background-color: white;
}

#brdhd
{
  background: url("../image/brdhd.gif") no-repeat right top;
  position: relative;
  left: 10px;
}

#brdd
{
  background: url("../image/brdd.gif") repeat-y right;
  position: relative;
  top: 10px;
  background-color: white;
}

#brdbd
{
  background: url("../image/brdbd.gif") no-repeat right bottom;
  position: relative;
  top: 10px;
}

#brdb
{
  background: url("../image/brdb.gif") repeat-x bottom;
  position: relative;
  right: 10px;
  background-color: white;
}

#brdbg
{
  background: url("../image/brdbg.gif") no-repeat left bottom;
  position: relative;
  right: 10px;
  z-index: 21;
}

#brdg
{
  background: url("../image/brdg.gif") repeat-y left;
  position: relative;
  bottom: 10px;
  background-color: white;
}


#text
{
  z-index: 11;
  text-align: left;
  color: blue;
  font-family: Verdana, Arial, Serif;
  font-size: 13px;
  font-style: italic;
  margin-left: 20px;
  margin-right: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: white;
}

#pied
{
	text-align: center;
	width: 890px;
	position: absolute;
  position: bottom;
  border-style:none;
  background: #a4c2ff;
  font-size:0.61em;
  margin-top: 5px;
  padding: 5px;
  font-style: italic;
}

#adress
{
  display: block;
  width: 150px;
  background-color: #a4c2ff;
  color: black;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  padding-bottom: 20px;
  padding-left: 10px;
  padding-right: 10px;
  margin-left: 642px;
  border: 3px outset navy;
}

#adress a
{
  color: red;
  text-decoration: none;
}

#adress a:hover
{
  color: white;
  text-decoration: none;
}

#fera
{
  text-align: center;
  z-index: 10;
}

#feracci
{
  display: inline;
  border: none;
  z-index: 10;
}

#nouveaute
{
  vertical-align: top;
  float: left;
  margin-left: 100px;
}

#promotion
{
  vertical-align: top;
  float: right;
  margin-right: 100px;
}

#adress2
{
  /*display: inline;*/
  width: 150px;
  background-color: #a4c2ff;
  color: black;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  padding-bottom: 20px;
  padding-left: 10px;
  padding-right: 10px;
  margin: auto;
  border: 3px outset navy;
}

#datamain1
{
  float: left;
  margin-left: 15px;
}

#datamain2
{
  float: right;
  margin-right: 15px;
}

#test
{
  border: none;
}

.testtd
{
  border: none;
  width: 120px;
  height: 120px;
  text-align: center;
  vertical-align: center;
}

#titre2
{
  color: navy;
  font-size: 18px;
  font-weight: bold;
  clear: both;
  font-variant: small-caps;
}

.tablien
{
  border: none;
}

.tdtablien
{
  border: none;
  text-align: center;
  vertical-align: center;
}

.tdtablien a
{
  text-decoration: none;
  color: black;
  font-weight: bold;
}

.tdtablien a:hover
{
  text-decoration: none;
  color: red;
  font-weight: bold;
}