/* graphic-helper */
br.clear { clear: both; line-height: 1%;}

/* dispositions globales */
body {
  font-family: Verdana, Trebuchet MS, Arial, Helvetica;
  padding: 10px;
}
div#site { width: 980px; margin:auto; } 
div#header {
  height: 22px;
  background: url('img/lima-carrelage-67.gif');
  padding: 120px 0 0 120px;
}
div#copyright{ font-size:70%; margin:auto; width:980px; text-align:right; }
div#content { background: url('img/lima-carrelage-68.gif') no-repeat; padding: 10px 0px 0 125px; width: 855px; }

a { text-decoration:none; color:#833108; }
a:hover { text-decoration:underline; }
.selected { font-weight: bold; }

.obligatoire { color: #F00; font-weight: bold; }

/* menu-top */
ul#menu-top {
  text-align: left;
}
ul#menu-top li {
  display: inline;
  color: #FFF;
  font-size: 110%;
  font-weight: bold; 
}
ul#menu-top li a { color: #FFF }
ul#menu-top li a:hover, ul#menu-top li.selected a { color: #E7A737;text-decoration:none; }

/* style du menu */
div#sidebar {
  float: left;
  width: 210px;
}
div#menu {
  height: 400px;
}
div#menu h2 {
  color: #E7A737;
  background: #833108;
  font-size: 110%;
  font-weight: bold; 
}
div#menu li {
  border: 1px solid #833108;
  border-top: none; 
}
div#menu li {
  display: block;
  padding: 3px;
}
div#adress {
  color: #833108;
  font-weight: bold;
  margin-bottom: 10px;
}

/* contenu princpal */
div#page { 
  float: right; 
  width: 610px;
  padding: 0 10px 10px 0;
  border-right: 1px solid #833108;
  border-bottom: 1px solid #833108;
}
div#page h1 {
  font-size: 130%;
  font-weight: bold;
  color: #833108;
  background: #f3d69e;
  margin-bottom: 10px;
}
div#page p {
  text-align: left;
  margin: 5px;
  font-size: 105%;
}
div#page div.miniature {
  border: 1px solid #833108;
  background: #f3d69e;
  text-align: center;
  margin: 5px auto;
  
}
div#page div.miniature a {
  font-weight:bold;
  color: #833108;
  display:block;
  font-size:80%;
  padding:0px 0px 1px;
}


div#page td { vertical-align: top; }

span.pixels {
	font-size:10px;
}

/* style de la liste produit */
ul#products-list {
  margin: 0 0 10px;
  padding: 2px 2px 2px 20px;
  background: url('img/fleche.gif') no-repeat 5px #E7A737;
  border-top: 1px solid #833108;
  text-align: left;
  font-size: 100%;
}
ul#products-list li { display: inline; }
ul#products-list li a:hover { text-decoration:none;font-weight:bold;color:#000 }

/* style des produits */
div#product div#photo { float: right; width: 400px; }
div#product div#description { float: left; width: 210px; }

div#product { }

div#product h3 {
  text-align: left;
  font-size: 105%;
  font-weight: bold;
  color: #833108;
}
div#product p {
  text-align: left;
  margin-bottom: 10px;
}

div#product a.devis {
   display: block;
   margin: 0 auto 20px;
   padding: 5px;
   width: 100px;
   color: #FFF;
   background: #833108;
}

div#all-views { border-top: 1px dashed #833108; }
div#all-views img { padding: 0px 5px;vertical-align:middle; }
div#all-views h3 { text-align: center; }