/*Pour le LTDS - L'équipe informatique 2007 */
body, html {
  margin: 0;
  padding: 0;
  background: transparent url(../img/body.jpg) repeat fixed left top;
  height: 100%;
  overflow: hidden;
  text-align: center;
}
h1 {
  font-family: comic sans ms;
  text-align: center;
  color: #8b4513;
}
h3 {
  font-family: comic sans ms;
}
h4 {
  font-family: comic sans ms;
}
hr {
  background: transparent url(../img/hr.jpg) repeat ;
  height:4px
}
#conteneur {
  border-style: inset;
  border-color: #8d8d8d;
  border-width: 2px 4px 4px 2px;
  margin: 2%;
  padding: 0;
  background: #f7e6b0 none repeat scroll 0% 50%;
  text-align: left;
  width: 95%;
  height: 95%;
  position: relative;
  overflow: auto;
}
.entete {
  width: 100%;
  text-align: center;
}
.flottante {
  margin: 1%;
  background-color: transparent;
  float: left;
  width: 30%;
  height: 149px;
  text-align: center;
  text-decoration: none;
}
.flottante a {
  border: 0px solid ;
}
.flottante a:hover {
  border: 0px solid ;
  text-decoration: none;
}
.espace {
  clear: both;
}
.flottante img {
  border: 0px solid ;
}
.firstelement {
  margin-top: 0;
  padding-top: 1em;
}
.texte-boutique {
  font-size: small;
  text-align: justify;
}
#gauche {
  margin: 0;
  position: absolute;
  left: 0;
  width: 160px;
  font-size: 0.8em;
}
#imagemenu {
  margin: 0;
  position: absolute;
  left: 2%;
}
#centre {
  padding: 0 2% 0 0;
  background: #f7e6b0 url(../img/photostand400x307.jpg) no-repeat scroll center top;
  margin-left: 170px;
  text-align: justify;
  font-family: comic sans ms,Arial;
}
.menu {
  margin: 0;
  padding-left: 10px;
  list-style-type: none;
}
.menu ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
}
.menu li, .menu a:link, .menu a:visited, .menu a:hover {
  display: block;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 1.1em;
  font-stretch: normal;
  color: #501102;
  text-decoration: none;
  text-align: left;
  width: 160px;
  height: 32px;
}
.menu a:hover {
  background: transparent url(../img/menuhover.gif) no-repeat scroll 0% 50%;
  color: #fd7a15;
}
.menu2 {
  margin: 0;
  padding-left: 10px;
  list-style-type: none;
}
.menu2 li, .menu2 a:link, .menu2 a:visited, .menu2 a:hover {
  display: block;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-style: normal;
  font-variant: normal;
  font-weight: bold;
  font-size: 0.9em;
  line-height: normal;
  font-size-adjust: none;
  font-stretch: normal;
  color: #501102;
  text-decoration: none;
  text-align: left;
  width: 160px;
  height: 32px;
}
.menu2 a:hover {
  background: transparent url(../img/menuhover2.gif) no-repeat scroll 0% 50%;
  color: #fd7a15;
}
.menu3 {
  margin: 0;
  padding-left: 10px;
  list-style-type: none;
}
.menu3 ul {
  padding: 0;
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
}
.menu3 li, .menu3 a:link, .menu3 a:visited, .menu3 a:hover {
  display: block;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-style: normal;
  font-variant: normal;
  font-weight: bold;
  font-size: 1.1em;
  line-height: normal;
  font-size-adjust: none;
  font-stretch: normal;
  color: #501102;
  text-decoration: none;
  text-align: left;
  width: 160px;
  height: 32px;
}
.menu3 a:hover {
  background: transparent url(../img/menuhover3.gif) no-repeat scroll 0% 50%;
  color: #fd7a15;
}
#news {
  float: right;
  height: 160px;
  width: 150px;
  background-image: url(../img/news.gif);
  text-decoration: none;
  text-align: center;
  color: green;
  margin-top: 5%;
  margin-right: 1%;
  margin-left: 2%;
  padding-right: 0;
}
#news a {
  color: green;
  text-decoration: none;
  font-size: 0.8em;
  font-style: normal;
  font-weight: bold;
  font-family: Arial,Helvetica,sans-serif;
}
#news a:hover {
  color: red;
  font-size: 1em;
  text-align: center;
}
#pied {
  border-style: none;
  margin: 0 0 5%;
  clear: both;
  height: 3%;
  background-color: #f7e6b0;
  text-align: center;
  text-decoration: none;
}
#pied a:link {
  border-style: none;
  font-size: 0.8em;
  color: #009900;
  text-decoration: none;
}
#pied a:hover {
  border-style: none;
  border-width: 0px;
  font-size: 1em;
  color: red;
  text-decoration: none;
}

.fini {
  border-style: none;
  border-width: 0px;
  font-size: 1em;
  color: grey;
  text-decoration: none;
}

#contructeur {
  margin: 1%;
  background-color: transparent;
  float: left;
  width: 90%;
  /*height: 149px;*/
  text-align: center;
  text-decoration: none;
}

#plaqueSerieI {
  margin: 1%;
  background-color: transparent;
  float: left;
  width: 30%;
  /*height: 149px;*/
  text-align: center;
  text-decoration: none;
}

#plaqueSerieIIA {
  margin: 1%;
  background-color: transparent;
  float: left;
  width: 30%;
  /*height: 149px;*/
  text-align: center;
  text-decoration: none;
}

#plaqueSerieIII {
  margin: 1%;
  background-color: transparent;
  float: left;
  width: 30%;
  /*height: 149px;*/
  text-align: center;
  text-decoration: none;
}

#plaqueTransfert {
  margin: 1%;
  background-color: transparent;
  float: left;
  width: 30%;
  /*height: 149px;*/
  text-align: center;
  text-decoration: none;
}

#plaqueTare {
  margin: 1%;
  background-color: transparent;
  float: left;
  width: 30%;
  /*height: 149px;*/
  text-align: center;
  text-decoration: none;
}