/* 
CSS site www.horloges-huchez.fr

par E SYSTEMES //JPK// www.e-systemes.com
Developpement Mulitimedia, intˇgration creation de sites web
(CMS, commerce electronique, applications web...)

Bienvenue dans notre code visiteur ! Enjoy...
*/

body {background-image: url(picscss/bg-2.jpg); background-repeat: repeat; line-height: 15px; color: #333333; font-family: Arial, Helvetica, Geneva, sans-serif; font-size: 11px;}
#page {width: 752px; margin: 0 auto; position: relative;}
/* Entete*/
#head {height: 80px;}
#logo {position: absolute;}
#baseline {position: absolute; left: 280px;}
#english {text-align: right; padding-top: 13px; font-size: 9px; line-height: normal;}
#english img {vertical-align: middle;}
#english a {text-decoration: none; color: black; font-weight: bold;}
/* Pied */
#foot {margin-top: 30px; color: #666; font: 10px "Myriad Pro", Arial, sans-serif; line-height: 11px; line-height: normal;}
#foot a {text-decoration: none; color: #666;}
#fhleft {position: absolute;}
#fhleft a {font-size: 14px; color: #666;}
#fhright {right: 0px; text-align: right;}
#fhright strong {color: black;}
#fhright a {color: black; text-decoration: underline; line-height: normal;}
#footlow {border-top: 1px solid #b3b3b3; color: gray; font: 9px Arial, Helvetica, sans-serif; line-height: normal;}
#flleft {margin-top: 3px; position: absolute;}
#flright {margin-top: 3px; right: 0px; text-align: right; line-height: normal;}
/*Menu princ*/
#nav {list-style: none; width: 754px; height: 34px; margin: 0; padding: 0; border-bottom: 1px #666 solid;}
#nav li {float: left;}
/* Menu produits */
#navpdts { list-style: none; width: 755px; height: 27px; margin: 0; padding: 0; clear: both;}
#navpdts li {float: left;}

#contenu {margin-top: 20px;}
/* Pages produits */
.content {overflow: hidden; margin-top: 50px;}
.fld {float: right;padding-bottom:10px;}
.content hr {border-bottom: 1px gray solid; margin-top: 20px; border-top: 0; border-right: 0; border-left: 0; clear: both;}

#contenu hr {border-bottom: 1px gray solid; margin-top: 20px; border-top: 0; border-right: 0; border-left: 0; clear: both;}
.visuels {float: left; width: 220px;}
.visuels img, .produits img.border {border: 1px solid gray;}
.visuels p {text-align: right; font-weight: bold; color: teal; font-size: 16px; margin-top: 3px; margin-bottom: 3px; line-height: normal;}
.produits {margin-left: 250px;}
.produits ul {list-style-image: url(picscss/puce-li.gif); list-style-position: outside;}
.produits li {margin-bottom: 5px;}
.produits h1 {border-bottom: 3px teal solid; font-size: 16px; font-weight: bold; margin-top: 0; line-height: normal;}
.produits h2 {border-bottom: 1px teal solid; font-size: 16px; font-weight: bold; margin-top: 0; line-height: normal;}
.produits b {color: teal;}
.produits td {padding: 5px 10px;}
.produits td.center {text-align: center;}
.white {background-color:white;}
table.gtable {margin: 0 auto; border-collapse: collapse;clear:right;}
table.gtable td {text-align: center;padding: 5px 5px;border: 1px solid gray;}
/* Galeries */
div#photos {float: left; width: 250px; min-height: 450px; margin-right: 5px; border-right: 1px solid gray;}
#photos img {padding: 5px; border: 1px gray solid; background-color: white;}
#btphoto {width: 230px; text-align: right;}
#btphoto img {border: 0; padding: 0; margin-left: 10px;}
div#texte {float: right; width: 180px; min-height: 450px; padding-left: 10px; border-left: 1px solid gray;}
div#texte h1 {font: 14px Times, serif; margin: 0;margin-bottom: -5px;}
div#texte h2 {font: 12px Times, serif; line-height: 5px;}
div#vignettes {overflow: hidden; min-height: 450px;}
div#vignettes table {border-spacing: 5px;}
div#vignettes td {font-size: 8px; width: 95px; vertical-align: top;}
div#vignettes p {margin: 3px 0 0 0; line-height: 8px;}
table.cadrans {
	background-color:#FFF;
	width:100%;
	margin-bottom:10px;
}
table.cadrans td {
	text-align:center;
}