/*
  $Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/

.boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #319ee3; text-decoration: underline; }

* {
	margin:0;
	padding:0;
}

BODY {
  background: #8b8480;
  color: #000000;
  margin: 0px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
}

A {
  color: #000000;
  text-decoration: none;
}

A:hover {
  color: #e79c01;
  text-decoration: underline;
}

FORM {
	display: inline;
}

TR.header {
  background: #ffffff;
}

TR.headerNavigation {
  background: #bbc3d3;
}

TD.headerNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #bbc3d3;
  color: #ffffff;
  font-weight : bold;
}

A.headerNavigation, span.headerNavigation { 
  color: #8b8480; 
  font-size:11px;
}

A.headerNavigation:hover {
  color: #ffffff;
}

TR.headerError {
  background: #ff0000;
}

TD.headerError {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

TR.footer {
  background: #bbc3d3;
}

TD.footer {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #bbc3d3;
  color: #ffffff;
  font-weight: bold;
}

.infoBox {
  background: #b6b7cb;
}

.infoBoxContents {
  background: #f8f8f9;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TD.infoBoxHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background: #bbc3d3;
  color: #ffffff;
}

TD.infoBox, SPAN.infoBox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
  background: #f8f8f9;
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
  background: #f8f8f9;
}

TABLE.productListing {
  border: 1px;
  border-style: solid;
  border-color: #b6b7cb;
  border-spacing: 1px;
}

.productListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #b6b7cb;
  color: #FFFFFF;
  font-weight: bold;
}

TD.productListing-data {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

A.pageResults {
  color: #0000FF;
}

A.pageResults:hover {
  color: #0000FF;
  background: #FFFF33;
}

TD.pageHeading, DIV.pageHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #9a9a9a;
}

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #000000;
}

TD.main, P.main {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
}

TD.smallText, SPAN.smallText, P.smallText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TD.accountCategory {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  color: #aabbdd;
}

TD.fieldKey {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

TD.fieldValue {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}

TD.tableHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.newItemInCart {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #ff0000;
}

CHECKBOX, INPUT, RADIO, SELECT {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

TEXTAREA {
  width: 100%;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

SPAN.greetUser {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #ffffff;
  font-weight: bold;
}

TABLE.formArea {
  background: #f1f9fe;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;
}

TD.formAreaTitle {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.markProductOutOfStock {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

SPAN.errorText {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; }
.moduleRowSelected { background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }

/* message box */

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }

/* input requirement */

.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #319ee3; }

/* BOF: Additional Images */
.imagesBoxContents {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}
/* EOF: Additional Images */

/* Mise en page Fingerprint*/
#page {
	position:relative;
	width:960px;
	height:724px;
	margin:0 auto;
	background:url(images/fond_thermiclimat.jpg) repeat-y;
}
html>body #page {
	height:auto;
	min-height:724px;
}
#header {
	position:relative;
	width:949px;
	height:114px;
	left:6px;
	background:url(images/fond_header.jpg) repeat-x;
}
#header #logo a {
	position:absolute;
	text-indent:-5000px;
	width:308px;
	height:114px;
	top:0px;
	left:0px;
	background:url(images/thermiclimat.jpg) no-repeat;
}
#header #login {
	position:absolute;
	width:215px;
	height:86px;
	left:734px;
	background:url(images/haut_livre.jpg) bottom left no-repeat;
	color:#FFFFFF;
	font-size:11px;
	padding-top:28px;
}
#header #login label {
	width:115px;
	display:block;
	float:left;
	margin-top:4px;
}
#header #login input {
	margin-top:4px;
	width:90px;
}
#header #login img{
	vertical-align:middle;
}
#header #login a{
	color:#FFFFFF;
	text-decoration:underline;
	line-height:20px;
}
#header #login a:hover{
	text-decoration:none;
}
#menu {
	position:relative;
	width:949px;
	height:29px;
	left:6px;
	background:url(images/fond_menu.jpg) no-repeat;
	z-index:100;
}

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
}
/*#menu {
position: absolute; /* placement du menu, à modifier selon vos besoins */
/*top: 0;
left: 0;
z-index:100;
width: 100%; /* correction pour Opera */
/*}*/
#menu dl {
float: left;
}
#menu dl.societe dt a {
	width:82px;
	height:29px;
	margin-left:23px;
	background:url(images/la_societe.jpg) left;
}
#menu dl.societe dt a:hover {
	background:url(images/la_societe.jpg) right;
}
#menu dl.produits dt a {
	width:104px;
	height:29px;
	background:url(images/les_produits.jpg) left;
}
#menu dl.produits dt a:hover {
	background:url(images/les_produits.jpg) right;
}
/*#menu dl.tarif dt a {
	width:162px;
	height:29px;
	background:url(images/tarif_public_conseille.jpg) left;
}
#menu dl.tarif dt a:hover {
	background:url(images/tarif_public_conseille.jpg) right;
}*/
#menu dl.tarif dt {
	width:162px;
	height:29px;
}
#menu dl.normes dt a {
	width:73px;
	height:29px;
	background:url(images/normes.jpg) left;
}
#menu dl.normes dt a:hover {
	background:url(images/normes.jpg) right;
}
#menu dl.contact dt a {
	width:82px;
	height:29px;
	background:url(images/contact.jpg) left;
}
#menu dl.contact dt a:hover {
	background:url(images/contact.jpg) right;
}
#menu dl.conditions dt a {
	width:171px;
	height:29px;
	background:url(images/conditions_de_vente.jpg) left;
}
#menu dl.conditions dt a:hover {
	background:url(images/conditions_de_vente.jpg) right;
}
#menu dl.catalogue dt a {
	width:175px;
	height:29px;
	margin-left:33px;
	background:url(images/voir_le_catalogue.jpg) left;
}
#menu dl.catalogue dt a:hover {
	background:url(images/voir_le_catalogue.jpg) right;
}
#menu dt {
cursor: pointer;
text-indent:-5000px;
}
#menu dd {
position:absolute;
display: none;
/*border: 1px solid gray;*/
width:140px;
}
#menu li {
height:19px;
border:#c0c0c0 1px solid;
list-style-type: none;
text-align: left;
padding-top:3px;
background: #f7f7f7;
/*margin-top:1px;*/
-moz-opacity:0.7;
opacity: 0.7;
filter:alpha(opacity=70);
}
#menu li a, #menu dt a {
color: #000;
font-size:11px;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}

#centre {
	position:absolute;
	width:682px;
	height:524px;
	background:url(images/chauffage_electrique.jpg) no-repeat;
	left:28px;
	top:152px;
	z-index:10;
}
#royal a {
	position:absolute;
	width:175px;
	height:48px;
	background:url(images/royal_chauffage.jpg) no-repeat;
	left:28px;
	top:676px;
	text-indent:-5000px;
}
#acces_pro {
	position:absolute;
	width:205px;
	height:153px;
	background:url(images/acces_professionnel.jpg) no-repeat;
	top:152px;
	left:739px;
	font-size:12px;
	font-weight:bold;
	color:#000000;
}
#acces_pro span {
	position:absolute;
	margin-left:11px;
	margin-top:37px;
	width:170px;
}
#acces_pro ul {
	position:absolute;
	margin-left:11px;
	margin-top:90px;
	list-style-position:inside;
}
#acces_pro ul li a:hover {
	color:#FFFFFF;
}
#calcul {
	position:absolute;
	width:205px;
	height:134px;
	background:url(images/calcul_thermique.jpg);
	left:739px;
	top:312px;
}
#calcul span {
	position:absolute;
	text-indent:-5000px;
}
#calcul a {
	position:absolute;
	width:74px;
	height:21px;
	background:url(images/calculer.jpg) no-repeat;
	text-indent:-5000px;
	top:105px;
	left:124px;
}
#procede {
	position:absolute;
	width:205px;
	height:221px;
	background:url(images/procedes_de_frabrication.jpg) no-repeat;
	left:739px;
	top:456px;
}
#procede ul {
	list-style:none;
	color:#000000;
	font-size:12px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
#procede ul li.voir {
	position:absolute;
	top:180px;
	left:12px;
}
#procede ul li a {
	color:#000000;
	text-decoration:underline;
}
#procede ul li.bas {
	position:absolute;
	top:197px;
	left:33px;
}
#procede ul li.haut {
	position:absolute;
	top:197px;
	left:118px;
}
#footer{
	position:relative;
	width:960px;
	height:12px;
	margin:0 auto;
	background:url(images/footer.jpg) no-repeat;
	color:#FFFFFF;
	font-size:11px;
	padding-top:3px;
	text-align:right;
}
#footer a{
	text-decoration:none;
	color:#FFFFFF;
}
#contenu {
	position:relative;
	width:900px;
	height:100px;
	left:26px;
	padding:10px;
	font-size:11px;
}
html>body #contenu {
	height:auto;
	min-height:100px;
}
#contenu h2 {
	color:#319ee3;
	font-weight:bold;
	font-size:16px;
}
/* create account*/
#contenu label {
	display:inline;
	float:left;
	width:225px;
	text-align:right;
	padding-right:15px;
}
/* Login.php */
#login_nouveau_client{
	position:relative;
	width:280px;
	height:130px;
	float:left;
	margin-left:70px;
	top:20px;
	border:1px solid #8b8480;
	padding:10px 10px;
	background:#ffffff;
}
#login_oubli_passe{
	position:relative;
	width:400px;
	height:25px;
	top:35px;
	left:70px;
}
/* account.php */
#account_cadre{
	position:relative;
	width:90%;
	margin-left:10px;
	margin-top:20px;
	border:1px solid #8b8480;
	padding:10px 10px;
	background:#ffffff;
}
#account_cadre ul {
	margin-left:20px;
}
/*index2*/
#contenu #categorie {
	position:absolute;
	width:185px;
	height:239px;
	background:#ffffff;
	border:#c2c2c2 1px solid;
	top:9px;
	left:713px;
	padding:9px;
	line-height:15px;
	font-size:11px;
}
#contenu #categorie h3 {
	color:#319ee3;
	font-size:11px;
	font-weight:bold;
}
#contenu #interieur {
	position:relative;
	width:690px;
	height:533px;
	/*left:20px;*/
}
html>body #contenu #interieur {
	min-height:533px;
	height:auto;
}
#contenu #interieur h2{
	margin-top:5px;
	margin-left:-6px;
	height:20px;
	width:664px;
	border-bottom:#319ee3 1px solid;
	font-size:16px;
	padding-left:9px;
	font-weight:bold;
}
#contenu #interieur .categorie_case {
	position:relative;
	display:block;
	width:190px;
	height:410px;
	float:left;
	padding:15px;
	top:15px;
}
#contenu #interieur .categorie_case a {
	color:#e69601;
	font-size:14px;
	font-weight:bold;
}
#contenu #interieur .categorie_case a img {
	text-decoration:none;
}
#contenu #interieur .categorie_case a.bleu {
	position:relative;
	top:5px;
	color:#1e6ea0;
	font-size:12px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:normal;
	line-height:15px;
}
#contenu #interieur h3, #contenu h3 {
	margin-top:10px;
	margin-bottom:10px;
	color:#e69601;
	font-size:12px;
	font-weight:bold;
}
#contenu #interieur #garantie {
	position:relative;
	width:330px;
	height:150px;
	float:left;
	padding:5px;
}
#contenu #interieur #garantie ul li {
	list-style-type:circle;
}
#contenu #interieur #options {
	position:relative;
	float:left;
	width:350px;
	height:70px;
	line-height:25px;
}
html>body #contenu #interieur #options {
	height:auto;
	min-height:70px;
}
#contenu #interieur #tableau {
	position:relative;
	float:left;
	width:914px;
}
.orange {
	color:#f7931e;
	font-size:11px;
	font-weight:bold;
}
#contenu #interieur table tr td input {
	margin:2px;
}
#contenu #interieur #photos {
	position:relative;
	float:left;
	width:555px;
	height:205px;
	margin-bottom:15px;
}
#contenu #interieur #photos img {
	border:#696969 1px solid;
}
#contenu #interieur #photos table {
	position:absolute;
	top:0px;
	left:440px;
}
#contenu #interieur #photos table tr td img {
	margin-bottom:15px;
}
#contenu #interieur #ventes_croisees {
	position:relative;
	float:left;
	width:930px;
}
#contenu #interieur #ventes_croisees h2 {
	margin-bottom:20px;
}
#contenu #interieur #ventes_croisees .case_vente img {
	border:#696969 1px solid;
}
#contenu #interieur #ventes_croisees .case_vente {
	position:relative;
	float:left;
	width:200px;
	height:150px;
}
#contenu #telecharger_pdf {
	position:absolute;
	width:204px;
	height:69px;
	top:280px;
	left:713px;
}
#contenu #telecharger_pdf a {
	position:absolute;
	width:204px;
	height:69px;
	background:url(images/fiche_pdf.jpg) no-repeat;
	text-indent:-5000px;
}
#contenu .categorie_tab {
	position:relative;
	width:200px;
	height:120px;
	float:left;
	text-align:center;
	margin:10px;
	font-size:12px;
}
.clear {
	clear:both;
}
/* normes_lexique.php */
dl, dd, dt {
	margin: 0;
	padding: 0;
	display: block;
}
/*.c2 {
}
.c2 dt {
	width: 51%;
	float: left;
	text-align:center;
	margin-top:10px;
}
.c2 dd {
	width: 49%;
	float: left;
	vertical-align:middle;
}*/
.c3 dt {
	width: 19%;
	float: left;
	text-align:center;
	margin-top:15px;
/*\*/
	clear: left;
/**/
	margin-right: 1px;
}
.c3 dd {
	margin-top:15px;
/*\*/
	margin-left: 20%;
/*/
	float: left;
	width: 89%;
/**/
}
.c3 dd:after {
	clear: left; display: block; content: 'X'; height: 0; visibility: hidden;
}
/*\*/
* html .c3 dt {
	margin-right: -2px;
}
* html .c3 dd {
	margin-left: 0;
	height: 0;
}
/**/
.c3 {
/*\*//*/ 
	display: inline-block;
/**/
}

/* contact_us.php */
#contenu .contact_case {
	position:relative;
	float:left;
	width:450px;
	height:400px;
}
#contenu .contact_case label{
	display:inline;
	float:left;
	width:150px;
	text-align:left;
	padding-right:0px;
}

/* societe.php */
#photos_societe {
	position:relative;
	float:left;
	width:165px;
	height:901px;
	background:url(images/thermiclimat_radiateurs.jpg) no-repeat;
}
#texte_societe {
	position:relative;
	float:left;
	width:500px;
	height:901px;
	padding-left:10px;
	line-height:15px;
}
#texte_societe img{
	margin-left:70px;
}
#royal_chauffage {
	position:absolute;
	left:710px;
	top:15px;
	width:205px;
	height:97px;
}
#royal_chauffage a {
	display:block;
	width:205px;
	height:97px;
	background:url(images/marque_royal_chauffage.jpg) no-repeat;
	text-indent:-5000px;
}

/* Calcul_thermique */
#contenu .colonne_demi {
	position:relative;
	float:left;
	width:460px;
}
#contenu .colonne_demi label {
	width:400px;
	margin-top:10px;
	margin-left:0px;
	display:block;
	float:left;
	text-align:left;
	padding:0px;
}
#contenu .colonne_demi input.btok{
	margin-top:10px;
}
#contenu .colonne_demi input.resultat {
	margin-top:50px;
}
#contenu .colonne_demi fieldset {
	padding:5px;
}
#contenu .colonne_demi fieldset legend {
	color:#f7931e;
	font-weight:bold;
	font-size:12px;
}
.colonne_centre {
	position:relative;
	float:left;
	width:383px;
	height:140px;
	margin-top:25px;
	padding:20px 20px 20px 20px;
	background:url(images/calcul_thermique_reponse.jpg) no-repeat;
}
/* display:inline;
	float:left;
	width:225px;
	text-align:right;
	padding-right:15px; */