/*
  $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
*/

/* Affichage par defaut */
body { font-family:Arial, Verdana, sans-serif; font-size:12px; color:#777777; text-align:center; background:url(../images/site/bg_body.gif) repeat-y center top; /*background:#FFFFFF;*/ margin:0px; padding:0px; }


input { font-family:Arial, Verdana, sans-serif; font-size:12px; color:#d8477e; } /* Formulaires */
textarea { font-family:Arial, Verdana, sans-serif; font-size:12px; color:#d8477e; } /* Zones de saisi */
select { font-family:Arial, Verdana, sans-serif; font-size:12px; color:#d8477e; font-weight:bold; } /* Menus déroulant */
td { font-family:Arial, Verdana, sans-serif; font-size:12px; }
p { font-family:Arial, Verdana, sans-serif; font-size:12px; margin:0px; /*line-height:16px; text-align:justify; border:#004884 1px solid;*/ }
fieldset { border:1px dashed #b5b5b5; text-align:left; }
legend { font-size:14px; background:ffffff; color:b5b5b5; padding:0px 5px 0px 5px; }

/* Taille des titres */
h1 { font-size:20px; margin:2px 5px 2px; }
h2 { font-size:15px; margin:0px;/*  display:inline; */ }
/*h3 { font-size:14px; margin:0px; }
h4 { font-size:14px; margin:3px 5px 3px; }*/

/* Couleurs des textes */
.gris { color:#969b0f; font-weight:bold; font-size:24px; } /* vert crade >> A MODIFIER */
.grisclaire { color:#999999; }
.grisfonce { color:#555555; }
.bleu-ciel { color:#3c83ba/*#0A79BC*/; }
.marron { color:#8f5b4e; }
.orange { color:#ff6600; }

/* Couleurs pour Background */
.bggrisclaire { background-color:#f2f2f2; }

/* Couleurs des liens */
a:link { color:#777777; text-decoration:none; }
a:visited { color:#777777; text-decoration:none; }
a:hover { color:#e858a0; text-decoration:none; }
/*A: { color:#ff7900; text-decoration:none; } Inutile*/
/*A:active { color:#ff7900; text-decoration:none; } Inutile*/

a.grisclaire-rose:link { color:#999999; text-decoration:none; }
a.grisclaire-rose:visited { color:#999999; text-decoration:none; }
a.grisclaire-rose:hover { color:#ff66cc; text-decoration:none; }

a.grisclaire-bleu:link { color:#999999; text-decoration:none; }
a.grisclaire-bleu:visited { color:#999999; text-decoration:none; }
a.grisclaire-bleu:hover { color:#336699; text-decoration:none; }

a.bleu-ciel:link { color:#0A79BC; text-decoration:none; }
a.bleu-ciel:visited { color:#0A79BC; text-decoration:none; }
a.bleu-ciel:hover { color:#0A79BC; text-decoration:underline; }

a.grisfonce-rouge:link { color:#333333; text-decoration:none; }
a.grisfonce-rouge:visited { color:#333333; text-decoration:none; }
a.grisfonce-rouge:hover { color:#932222; text-decoration:none; }

/* Liens des fiches techeniques */
a.fiches:link { color:#666666; text-decoration:none; }
a.fiches:visited { color:#666666; text-decoration:none; }
a.fiches:hover { color:#c71b03; text-decoration:underline; }

.photo img { border:#999999 1px dashed; }/**/
.photo a:link img { border:#ffffff 1px solid; }
.photo a:visited img { border:#ffffff 1px solid; }
.photo a:hover img { border:#a79f97 1px dashed; }

.photolist { position:relative; z-index:100; }
.photolist .lnk, .photolist .lnk:visited { display:block; text-decoration:none; top:0; left:0; border:0; }
.photolist img { border:0; }
.photolist .lnk:hover { text-decoration:none; color:#000; background-color: #FFFFFF; }
.photolist .view { display:block; position:absolute; width:0; height:0; border:0; top:0; left:0; }
.photolist .lnk:hover .view { display:block; position:absolute; top:-6px; left:40px; width:180px; height:180px; border:1px solid #999; background-color: #FFFFFF; }

/*.catlist a:link,.catlist a:visited { z-index:0; }*/
.catlist a:hover img {  background-color:#efefef; } /*background:url(../images/site/info.gif) no-repeat; z-index:10; */

/* Les <div id= "    "> ////////////////////////////////////////////////////////////////////////////////////////////  */
div { margin:0px; padding:0px; }
form { margin:0px; padding:0px; }

/* Ossature commune des pages */
div#body { width:1000px; text-align:left; }
div#header { height:160px; margin-top:5px; background:url(../images/site/piscines.gif) no-repeat; }
div#colLeft { width:200px; float:left; padding-top:5px; background:url(../images/site/bg_col_left.gif) no-repeat; }
div#colCenter { width:600px; float:left; background:url(../images/site/bg_col_center.gif) no-repeat; }
div#colRight { width:200px; float:left; }
div#footer { clear:both; height:202px; background:url(../images/site/piscine.gif) no-repeat; }  /**/

/* Les <div class="    "> //////////////////////////////////////////////////////////////////////////////////////////// */

/* Affichages des boxes */
.categories { background-image:url(/images/site/bg_cat.gif); }
.search { height:95px; background:url(../images/site/bg_search.gif) no-repeat; }
.manufacturers { height:124px; background:url(../images/site/bg_manufacturers.gif) no-repeat; }
.account { height:153px; background:url(../images/site/bg_account.gif) no-repeat; }
.login { height:153px; background:url(../images/site/bg_login.gif) no-repeat; }
.phone { height:203px; background:url(../images/site/phone.gif) no-repeat; }
.panier { height:93px; background:url(../images/site/bg_panier.gif) no-repeat; color:#888888; font-size:15px; font-weight:bold; }
.livraison { height:199px; background:url(../images/site/livraison.gif) no-repeat; }
.carte { height:192px; background:url(../images/site/carte.gif) no-repeat; }
.dossiers { height:138px; background:url(../images/site/bg_dossiers.gif) no-repeat; }

/* Mise en forme de type Tableau */
.header_l { width:400px; float:left; }
.header_r { width:600px; float:right; }
.pinfo_col_l { width:194px; float:left; padding-top:4px; }
.pinfo_col_l div { padding-bottom:7px; }
.pinfo_col_r { width:399px; float:left; padding-top:4px; }
.clist2 { width:278px; margin:3px; padding:7px; border:solid 1px #dddddd; float:left; display:inline; }
.clist2_l { width:109px; height:109px; float:left; }
.specials { width:278px; margin:3px; padding:7px; border:solid 1px #dddddd; float:left; display:inline; }
.specials_l { width:102px; float:left; }
.specials_r { width:169px; float:right; }
.featured { width:278px; margin:3px; padding:7px; border:solid 1px #dddddd; float:left; display:inline; }
.featured_l { width:102px; float:left; }
.featured_r { width:169px; float:right; }
.clear { clear:both; margin:0px; padding:0px; } /* <div class="clear"></div> */
.clist3 { width:180px; margin:7px; display:inline;  float:left; border:solid 1px #dddddd; }

/* Mise en forme Divers */
.headertitle { padding:8px 20px 0px 0px; text-align:right; font-size:13px; color:#3c83ba; }
.breadcrumb { margin-top:2px; padding-left:17px; background:url(../images/site/bg_bread.gif) no-repeat; font-size:13px; }
.split_page { width:33px; height:38px; background:url(../images/site/page.gif) no-repeat; text-align:center; font-weight:bold; }
.split_page1 { width:33px; height:38px; background:url(../images/site/page1.gif) no-repeat; text-align:center; font-weight:bold; }
.prix { font-weight:bold; color:#d8477e; }
.prix_promo { font-weight:bold; color:#888888; text-decoration:line-through; }
.separation { padding:inherit; background-color:#999999; height:1px; /*border-collapse:collapse;*/  } /* Séparation des lignes du tableau dans le panier */
.cadre_solid { border:solid 1px #999999; } /* Cadres dans le panier - Cadre des options */
.cadre_dashed { border:dashed 1px #999999; } /* Cadres dans le panier */
.vague_page { height:77px; background:url(../images/site/bg_vague_page.gif) no-repeat; }
.address { font-size:13px; font-weight:bold; line-height:18px; } /* Affichage de l'adresse address_book checkout_shipping checkout_payment etc ... */
.tableauto td { font-size:13px; line-height:14px;} /* Affichage du détail de la commande et du total dans checkout-confirmation */
.manlist td { text-align:center; vertical-align:middle; width:185px; height:80px; } /* Mise en forme du tableau affichant la liste des fabricants */
.cadre_centre { background:url(../images/site/bg_cadre_border.gif); }
.cadre_bas { height:18px; background:url(../images/site/bg_cadre_down.gif) no-repeat; }
.xsell { width:500px; height:100px; border:dashed #996600 1px; }

/*.loupe { Z-INDEX: 2; BACKGROUND:url(../images/site/more.gif) no-repeat; LEFT: 0px; WIDTH: 16px; CURSOR: pointer; POSITION: relative; TOP:-16px; HEIGHT: 16px }*/

/* Messages d'alerte cf: includes/classes/messages_stack.php */
.messageError { padding:2px 0px 3px 24px; background:url(../images/site/error.gif) no-repeat; font-size:14px; color:#575757; }
.messageWarning { padding:2px 0px 3px 24px; background:url(../images/site/warning.gif) no-repeat; font-size:14px; color:#575757; }
.messageSuccess { padding:5px 0px 5px 26px; background:url(../images/site/success.gif) no-repeat; font-size:14px; color:#08C301; }
.messageInfo { padding:5px 0px 5px 26px; background:url(../images/site/info.gif) no-repeat; font-size:14px; color:#0A79BC; } /* Affichage du montant mini dans le panier */

/* Icones devant le text */
.fiches { padding:5px 0px 5px 27px; background:url(../images/site/fiche.gif) no-repeat; font-size:13px; line-height:27px; }

.retour { float:right; padding:0px 10px; }
.pinfo_ref { float:right; padding:7px 10px 0px 10px; color:#999999; font-size:13px; } /*background-color:#FFCCFF;*/

/* Mise en forme des blocs de textes */
.text_info { height:140px; padding:0px 70px; background:url(../images/site/bg_info.gif) no-repeat; color:#777777; } /*<div class="text_info"><p style="padding-top:30px"> ... <p/></div>*/

.text_page { margin:7px 7px; padding:5px 5px; font-size:13px; color:#666666; text-align:justify; }
.text_page p { padding:4px 0px; font-size:13px; line-height:17px; }
.text_page ul { padding:10px 30px; list-style-type:disc; width:88%; }/*list-style-type:square; list-style-position:outside;*/
.text_page li { line-height:18px; }

.desc_courte { margin-bottom:7px; font-size:13px; color:#777777; text-align:justify; }
.desc_longue { padding:0px 15px 7px 15px; /*margin:0px 10px 0px 10px; padding:5px 5px;*/ font-size:13px; color:#666666; text-align:justify; /*border-top:#999999 1px dashed;border-bottom:#999999 1px dashed;*/  }
.desc_longue p,.desc_courte p { padding:4px 0px; font-size:13px; line-height:17px; }
.desc_longue ul,.desc_courte ul { padding:0px 50px; list-style-type:disc; width:80%; }/*list-style-type:square; list-style-position:outside;*/
.desc_longue li,.desc_courte li { line-height:19px; }
.desc_longue table,.desc_longue th,.desc_longue td { line-height:inherit; padding:inherit; font-size:13px; padding:3px; }
/*.desc_longue table { border:2px #ffffff solid;  background-color:#f2f2f2; border-collapse:collapse;/*Confondre bordures tableau/cellules*/ /*} /* <p align=center> </p> */
/*.desc_longue caption { border:2px #ffffff solid;padding:3px 0px; color:#888888; font-size:13px; } /* Titre du tableau */
/*.desc_longue th { border:2px #ffffff solid; padding:3px 7px; color:#999999; font-size:13px; text-align:right; font-weight:normal; vertical-align:top; }
/*.desc_longue td { border:2px #ffffff solid; padding:3px 7px; color:#777777; font-size:13px; text-align:left;  font-weight:normal; vertical-align:top; }*/
.clistpieces td { font-size:13px; text-align:center; font-weight:bold; }

.cat_desc { margin:0px 5px 5px 5px; padding:3px 3px; font-size:13px; line-height:16px; /*color:#587698; text-align:justify;*/ }
.cat_desc ul { padding:2px 25px; list-style-type:disc; width:88%; }/*list-style-type:square; list-style-position:outside;*/
.cat_desc a:link,.cat_desc a:visited { font-weight:bold; text-decoration:none; }
.cat_desc a:hover { color:#777777; text-decoration:underline; }
/* Les <ul id="    "> //////////////////////////////////////////////////////////////////////////////////////////// */

/* Menu Catégories */
ul { margin:0px; padding:0px; list-style-type:none;/*Pas de puces devant*/ width:100%;/*Opera*/ }

ul#categories { width:180px; margin-left:10px; }
ul#categories li { padding:5px 0px 5px 0px; border-top:#d6e0eb 1px dashed; font-size:15px; font-weight:bold; text-align:left }
ul#categories a { margin-left:10px; color:#ffffff; text-decoration:none; }
ul#categories a:hover { color:#e858a0; text-decoration:none; }

ul#souscategories { width:170px; margin:2px 0px 0px 10px; }
ul#souscategories li { padding:3px 0px 3px 0px; border-top:none;/*FireFox*/ font-size:13px; }
ul#souscategories a { color:#ffffff; text-decoration:none; }
ul#souscategories a:hover { color:#e858a0; font-weight:bold; text-decoration:none; }

/* Catégories en première page margin-top:10px;*/

.main_page { padding-left:10px; }
.main_page ul {  width:184px; height:115px; margin:2px; padding:5px 0px 0px 5px; text-align:left; float:left; /*background-color:#00CCFF*/ }
.main_page ul li {  margin-left:7px; line-height:20px;}

a.robot_piscine:hover { color:#003366; text-decoration:underline; }
a.filtre_piscine:hover { color:#01779f; text-decoration:underline; }
a.pompe_piscine:hover { color:#74A7DA; text-decoration:underline; }
a.chauffage_piscine:hover { color:#cc3333; text-decoration:underline; }
a.couverture_piscine:hover { color:#ff9933; text-decoration:underline; }
a.materiel_piscine:hover { color:#ffcc00; text-decoration:underline; }
a.traitement_eau:hover { color:#442244; text-decoration:underline; }
a.produit_piscine:hover { color:#663366; text-decoration:underline; }
a.securite_piscine:hover { color:#cc6699; text-decoration:underline; }
a.equipement_piscine:hover { color:#553C33; text-decoration:underline; }
a.accessoire_piscine:hover { color:#006633; text-decoration:underline; }
a.jeux_piscine:hover { color:#66cc33; text-decoration:underline; }

a.piscine:hover { color:#777777; text-decoration:underline; } /* Liens dans le footer */

/* //////////////////////////////////////////////////////////////////////////////////////////// */
.moduleRow { background-color: #f6f6f6; }
.moduleRowOver { background-color: #d9d9d9; cursor: pointer; cursor: hand; padding:0px 10px; }
.moduleRowSelected { background-color: #ececec; color:#e858a0; }

.pop_cart_title { font-size:13px; font-style:italic; font-weight:bold; color:#42a62a; padding-bottom:5px; }
.pop_cart { color:#333333; padding:15px 10px; border-top:solid 1px #c4c4c4; }
.pop_cart p { padding-bottom:4px; }
.pop_cart_l { float:left; width:100px; height:100px; border:#999999 1px dashed; }
.pop_cart_r { float:left; width:315px; margin-left:10px; text-align:left; }

#popCart {
	position: absolute; /*do not change this*/
	top: 35%;
	left: 35%;
	width: 450px;
	background-color: #ffffff;
/*	border: 7px solid #BAC4D0;*/
	color: #000;
	z-index: 100000; /*do not change this*/
	display: none; /*do not change this*/
	padding: 20px;
}

#popCart_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
    background-color: #444;
    display:none;
    opacity:0.75;
   	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
}

* html #popCart_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}