/*########################################################################
              Feuille de style du site PhotoCost.com
  ########################################################################*/

/*--------------------------------------------------------------*/ 
/*définition du tag BODY : définit le motif de fond de page web, 
  taille des caractères utilisé et marges*/
/*--------------------------------------------------------------*/ 
BODY {
  background-image: url(images/background.gif);
  font-family: Arial, helv, sans-serif; 
  font-size: 14px; 
  margin-top: 20; margin-bottom: 20;    
}

/*--------------------------------------------------------------*/ 
/* Définition des liens hypertextes standards*/
/*--------------------------------------------------------------*/ 
A:link, A:visited, A:active {
  color: #FF0000;
  text-decoration:none;
}

/*--------------------------------------------------------------*/ 
/* Définition des liens hypertextes standards, 
   quand on passe la souris dessus*/
/*--------------------------------------------------------------*/ 
A:hover {
  color: #000000;
  text-decoration:underline;
}

/*--------------------------------------------------------------*/ 
/* Définition des liens principaux hypertextes utilisés 
   en haut de la page*/
/*--------------------------------------------------------------*/ 
A.mainlinktop:link, A.mainlinktop:visited, A.mainlinktop:active	{
  padding-left:10px;
  padding-right:2px; 
  padding-top:2px;
  padding-bottom:2px; 
  background-image: url(images/mainlinktop.gif); 
  font-weight: bold; 
  color: #FFFFFF;text-decoration:none;
} 

/*--------------------------------------------------------------*/ 
/* Définition des liens principaux hypertextes utilisés 
   en haut de la page, 
   quand on passe la souris dessus */
/*--------------------------------------------------------------*/ 
A.mainlinktop:hover {
  color: #000000;
  background-image: url(images/mainlinktop_hover.gif);
  padding-bottom:0px;
}

/*--------------------------------------------------------------*/ 
/* Définition des liens hypertextes utilisés 
   pour les titres de catégorie sur index.php
/* NOTE : non utilisé quand on integre notre service 
   à un autre site web */
/*--------------------------------------------------------------*/ 
A.cat {
  font-size: 14px; 
  font-weight: bold; 
  text-decoration:underline;
}

/*--------------------------------------------------------------*/ 
/* Définition des liens hypertextes utilisés 
   pour les liens sous les categorie sur index.php
/* NOTE : non utilisé quand on integre notre service 
   à un autre site web */
/*--------------------------------------------------------------*/ 
A.subcat {
  font-size: 11px; 
  color: #000000;
}


/*--------------------------------------------------------------*/ 
/* définition des titre de niveau 1 et 2*/
/*--------------------------------------------------------------*/ 
H1  { 
  font-size: 24px; 
  font-weight: bold ; 
  margin: 0px; 
  padding: 0px;
}

H2 { 
  font-size: 16px; 
  font-weight: bold ; 
  margin: 0px; 
  padding: 0px;
}

/*--------------------------------------------------------------*/ 
/* définition des cellules dans tous les tableaux de la page web*/
/*--------------------------------------------------------------*/ 
TD { 
  font-family: Tahoma, Arial, Helv, sans-serif; 
  font-size: 14px; 
}

/*--------------------------------------------------------------*/ 
/* Classe utilisée pour afficher un listing, 
  (ex : les codes HTML présenté dans la page 
  integration.php utilisent ces classes */
/* NOTE : non utilisé quand on integre notre service 
   à un autre site web */
/*--------------------------------------------------------------*/ 
.listing { 
  border-style : dotted; 
  border-color : #FF0000; 
  border-width : 2px; 
  background-color: #EEEEEE; 
  color: #FF0000; 
  font-family: 'Courier New' , Monospace; 
  padding:5px
}

/*--------------------------------------------------------------*/ 
/* définition du rectangle principal 
   qui entoure toutes les informations */
/* NOTE : non utilisé quand on integre notre service 
   à un autre site web */
/*--------------------------------------------------------------*/ 
TABLE.main_table { 
  background-color: #FFFFFF; 
  border-style : solid; 
  border-color : #5D5D5D; 
  border-width : 3px ;
}

/*--------------------------------------------------------------*/ 
/* définition du tableau comparatif */
/*--------------------------------------------------------------*/ 
TABLE.shop_table { 
  background-color: #FFFFFF; 
  width: 100%; 
  margin:0px; 
  border-collapse: collapse;
}

/*--------------------------------------------------------------*/ 
/* définition des titres de colonnes dans le tableau comparatif */
/*--------------------------------------------------------------*/ 
TH { 
  background-image: url(images/th_background.jpg); 
  font-family: Tahoma, Arial, Helv, sans-serif; 
  font-size: 12px; 
  font-weight : bold;
}

/*--------------------------------------------------------------*/ 
/* Classe utilisée pour écrire en petit */
/*--------------------------------------------------------------*/ 
.small { 
  font-family: Tahoma, Arial, Helv, sans-serif; 
  font-size: 9px;
}

/*--------------------------------------------------------------*/ 
/* Classe utilisée pour afficher le nombre de boutiques trouvées 
   dans la recherche */
/*--------------------------------------------------------------*/ 
TD.shop_found { 
  color: #5D5D5D; 
  font-size: 20px; 
  font-weight: bold;
}

/*--------------------------------------------------------------*/ 
/* Classe utilisée pour écrire la signification d'un input de type select 
   Par exemple "Photos standards :"  
   ou "Panorama" sont écrits avec cette classe */
/*--------------------------------------------------------------*/ 
TD.select_desc { 
  font-size: 14px;
  font-weight: bold;
}

/*--------------------------------------------------------------*/ 
/* Classe utilisée pour les input de type select */
/*--------------------------------------------------------------*/ 
.select_input { 
  font-size: 10px;
  width:250px;
}

/*--------------------------------------------------------------*/ 
/* Classe utilisée pour les cellules de tableau contenant
   un input de type select */
/*--------------------------------------------------------------*/ 
TD.select_input_cell { 
  font-size: 10px;
}

/*--------------------------------------------------------------*/ 
/* définition du tableau des listes de choix de objets/photos */
/*--------------------------------------------------------------*/ 
TABLE.select_table { 
  margin:0px;
  border: 0px; 
  border-collapse: collapse;
}


/*--------------------------------------------------------------*/ 
/* Classe utilisée pour les liens dans le nom 
   des colonnes du tableau comparatif */
/*--------------------------------------------------------------*/ 
A.header { 
  color: #000000;
}

/*--------------------------------------------------------------*/ 
/* Classe utilisée pour décrire les cellules de la 1ere colonne 
  (nom des boutiques) du tableau comparatif */
/*--------------------------------------------------------------*/ 
TD.shop { 
  border: 1px solid #333333 ; 
  background-color: #000000; 
  color: #FFFFFF; 
  font-weight: bold; 
  padding: 3px; 
  font-size: 11px
}

/*--------------------------------------------------------------*/ 
/* Classe utilisée pour décrire les autres 
   cellules du tableau comparatif */
/*--------------------------------------------------------------*/ 
TD.shopinfo { 
  border: 1px solid #EEEEEE ; 
  padding: 3px; 
  font-size: 11px;
}

/*--------------------------------------------------------------*/ 
/* Classe utilisée pour décrire les liens hypertextes utilisés dans 
   la 1ere colonne (nom des boutiques) du tableau comparatif */
/*--------------------------------------------------------------*/ 
A.shop, A.shop:visited, A.shop:active { 
  background-color: #000000; 
  color: #FFFFFF; 
  font-weight: bold;
  text-decoration:none
}

/*--------------------------------------------------------------*/ 
/* idem ci-dessus, mais quand la souris survole ces liens */
/*--------------------------------------------------------------*/ 
A.shop:hover { 
  background-color: #000000; 
  color: #FFFFFF; 
  font-weight: bold ; 
  text-decoration:underline
}

/*--------------------------------------------------------------*/ 
/* Pour faire un effet de couleur avec mozilla
   (ne marche pas avec Internet Explorer) :
   ces 2 définitions de classe permettent de mettre en avant 
   la ligne du tableau compartif que survole la souris */
/*--------------------------------------------------------------*/ 
TR.shopline { 
  font-family: Tahoma, Arial, Helv, sans-serif; 
  font-size: 11px; 
  background-color: #ffffff; 
  color: #000000
}
TR.shopline:hover { 
  background-color: #FF0000; 
  color: #FFFFFF; 
}