/* Définitions générales
-------------------------------------------------------- */
body {
	background: white;
 	color: #122f59;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	margin: 0px;
	width: 100%;
}

th {
    background-color: #ea473f;
    color: white;
	font-size: 8pt;
}

td {font-size: 8pt;}

/** @class vide

Ligne vide dans une table servant de séparateur
*/
tr.vide {height: 10px;}

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16pt;
	font-weight: bold;
	margin: 0px;
}

hr {color: #122f59;}

acronym {
	cursor: help;
	border-bottom: 1px dotted #369;
}

dt {font-weight: bold;}

dd {
	background-color: #f5faff;
	border-left: 1px solid #8ba6b2;
	font-style: italic;
	margin-top: 5px;
	padding-left: 5px;
}


/** @class droite

Alignement du texte à droite
*/
.droite {text-align: right;}


/** @class gauche

alignement du texte à gauche
*/
.gauche {text-align: left;}


/** @class centre

Alignement du texte au centre
*/
.centre {text-align: center;}


/** @class justifie

Alignement du texte justifié
*/
.justifie {text-align: justify;}


/** @class haut

Alignement vertical du texte en haut
*/
.haut {vertical-align: top;}


/** @class bas

alignement vertical du texte en bas
*/
.bas {vertical-align: bottom;}


/** @class milieu

Alignement vertical du texte au milieu
*/
.milieu {vertical-align: middle;}


/** @class 5pt

taille du texte de 5pt
*/
.5pt {font-size: 5pt;}


/** @class 7pt

Taille du texte de 7pt
*/
.7pt {font-size: 7pt;}


/** @class 8pt

Taille du texte de 8pt
*/
.8pt {font-size: 8pt;}


/** @class 9pt

Taille du texte de 9pt
*/
.9pt {font-size: 9pt;}


/** @class 10pt

Taille du texte de 10pt
*/
.10pt {font-size: 10pt;}


/** @class 11pt

Taille du texte de 11pt
*/
.11pt {font-size: 11pt;}


/** @class normal

Mise en normal du texte
*/
.normal {font-weight: normal;}


/** @class gras

Mise en gras du texte
*/
.gras {font-weight: bold;}


/** @class italique

Mise en italiquedu texte
*/
.italique {font-style: italic;}


/** @class noir

Mise en noir du texte
*/
.noir {color: black;}


/** @class rouge

Mise en rouge du texte
*/
.rouge {color: #C82A2D;}


/** @class sautDeLigneAucun

Pas de saut de Ligne
*/
.sautDeLigneAucun {margin-top: 0px; margin-bottom: 0px;}


/** @class sautDeLigneMini

Saut de Ligne Mini
*/
.sautDeLigneMini {margin-top: 5px; margin-bottom: 0px;}


/** @class sautDeLignePetit

Saut de Ligne Petit
*/
.sautDeLignePetit {margin-top: 10px;margin-bottom: 0px;}


/** @class sautDeLigneMoyen

Saut de Ligne Moyen
*/
.sautDeLigneMoyen {margin-top: 20px; margin-bottom: 0px;}


/** @class sautDeLigneGrand

Saut de Ligne Grand
*/
.sautDeLigneGrand {margin-top: 30px;margin-bottom: 0px;}


/** @class sautDeLigneTresGrand

Saut de Ligne Tres Grand
*/
.sautDeLigneTresGrand {margin-top: 40px; margin-bottom: 0px;}


/** @class retraitMini

Retrait du texte Mini
*/
.retraitMini {margin-left: 5px;}


/** @class retraitPetit

Retrait du texte Petit
*/
.retraitPetit {margin-left: 10px;}


/** @class retraitMoyen

Retrait du texte Moyen
*/
.retraitMoyen {margin-left: 20px;}


/** @class retraitGrand

Retrait du texte Grand
*/
.retraitGrand {margin-left: 30px;}


/** @class bordDroit

Bord droit de l'objet
*/
.bordDroit {border-right: 1px solid #8ba6b2;}


/** @class bordGauche

Bord gauche de l'objet
*/
.bordGauche {border-left: 1px solid #8ba6b2;}


/** @class bordHaut

Bord haut de l'objet
*/
.bordHaut {border-top: 1px solid #8ba6b2;}


/** @class bordBas

Bord bas de l'objet
*/
.bordBas {border-bottom: 1px solid #8ba6b2;}


/** @class bords

Bords de l'objet
*/
.bords {border: 1px solid #8ba6b2;}


/** @class bordHautPointille

Bord haut de l'objet en pointillés
*/
.bordHautPointille {border-top: 1px dashed #8ba6b2;}


/** @class impaire

Remplissage des lignes impaires d'une table
*/
.impaire {background: #F6AA47;}


/** @class paire

Remplissage des lignes paires d'une table
*/
.paire {background: #FADE72;}


/** @class titre

Titre d'une page
*/
.titre {
	font-size: 12pt;
	font-weight: bold;
	text-align: center;
}


/** @class sousTitre

Sous-titre d'une page
*/
.sousTitre {
	font-size: 10pt;
	font-weight: bold;
}

.bouton {cursor: hand;}

textarea {
	background-color: white;
	border: 1px solid #6ca2d8;
	color: black;
	font-size: 8pt;
	font-family: Verdana,Arial,sans-serif;
	font-weight: 100;
	text-align: justify;
}

input {
	font-size: 8pt;
	font-family: Verdana,Arial,sans-serif;
}

input.none {
	background-color: #F1F1F1;
	border: 0;
	color: black;
	font-size: 11pt;
	font-family: Verdana,Arial,sans-serif;
	font-weight: 100;
}

select {
	background-color: white;
	color: black;
	font-size: 10pt;
	font-family: Verdana,Arial,sans-serif;
	font-weight: 100;
}


/* bandeau de haut de page
-------------------------------------------------------- */
/** @id bandeauPrincipal

Bandeau principal de haut de page
*/
#bandeauPrincipal {display:none;}

#bandeauPrincipal td {
	color: #1C2F68;
	font-size: 7pt;
}

/** @id petitBandeau

Petit Bandeau de haut de page se trouvant sous le bandeau principal
en haut de page
*/
#petitBandeau {
	background-color: #113F91;
	color: #FADE72;
	font-size: 7pt;
	font-weight: bold;
	padding: 2px;
}


/** @id barreLocalisation

Barre de localisation dans le site sous trouvant sous le petit bandeau
en haut de page
*/
#barreLocalisation {
	color: white;
	font-weight: bold;
}

#barreLocalisation td {
	background-color: #F6AA47;
	height: 24px;
}


/* menus de gauche et de droite
-------------------------------------------------------- */
/** @id menuGauche

Menu de gauche
*/
div#menuGauche {display:none;}


/** @id menuDroit

Menu de droite
*/
div#menuDroit {display:none;}

table.conteneurBoites {display:none;}

table.hbox {width:100%;}

table.bbox {
	background: #f3f3f3;
	border: 1px solid #8ba6b2;
	margin-top: 0px;
	width: 100%;
}

table.bboxRouge {
	background: white;
	border: 1px solid #88413B;
	margin-top: 0px;
	width: 100%;
}

table.bboxOrange {
	background: white;
	border: 1px solid #D25B33;
	margin-top: 0px;
	width: 100%;
}

td.hlb,td.hcb,td.hrb {
	background-color: #113f91;
	height: 20px;
}

td.hcb {
	color: white;
	font-weight: bold;
	font-size: 8pt;
	text-align: center;
	vertical-align: middle;
	width: 100%;
}

td.hcbRouge {
	background-image: url(../images/hcb_rouge.gif);
	color: white;
	font-weight: bold;
	font-size: 8pt;
	height: 20px;
	text-align: center;
	vertical-align: middle;
	width: 100%;
}

td.hcbOrange {
	background-image: url(../images/hcb_orange.gif);
	color: white;
	font-weight: bold;
	font-size: 8pt;
	height: 20px;
	text-align: center;
	vertical-align: middle;
	width: 100%;
}

img.hlb, img.hrb {
	height: 20px;
	width: 11px;
}

#menuDroit div.monCompte {
	font-size: 7pt;
	margin-top: 2pt;
	margin-bottom: 5pt;
	padding-left: 2pt;
}

#menuGauche div.flecheIntituleSousCat {
	font-size: 8pt;
	padding-left: 6pt;
}



/* panneau central
-------------------------------------------------------- */
/** @class panneauCentral

Panneau central de la page
*/
div.panneauCentral {

}

/** @class panneauCentralEtroit

Panneau central (étroit) de la page
*/
div.panneauCentralEtroit {

}

/** @id ie

Conteneur pour IE Windows et Mac
*/
#ie {width: 100%;}

/** @id detailCatSousCat

Table détaillant les catégories et les sous-catégories
dans le panneau central
*/
#detailCatSousCat {
	margin-top: 10px;
	padding: 0px;
	width: auto;
}

/** @class groupeDetailCatSousCat

Groupe de catégories avec leurs sous-catégories dans
le panneau central
*/
table.groupeDetailCatSousCat {
	margin-top: 10px;
	padding: 0px;
}

/** @class detailNomCat

Nom de la catégorie dont on affiche le détail dans
le panneau central
*/
div.detailNomCat {
	font-weight: bold;
	text-align: left;
	text-decoration: underline;
}

/** @class detailNomSousCat

Nom de la sous-catégorie de la catégorie dont on affiche
le détail dans le panneau central
*/
div.detailNomSousCat {text-align: justify;}


td.panneauCentral {
	text-align: center;
	vertical-align: top;
	width: 100%;
}

/** @id adressePiramide

Adresse et coordonnées de la société Piramide
(en bas du panneau central)
*/
#adressePiramide {
	color: #F6AA47;
	font-size: 7pt;
}


/* Création/Modification compte
-------------------------------------------------------- */
/** @class infosClient

couleur de fond du cadre de saisie des infos client
*/
tbody.infosClient {
	background-color: #fdffcf;
}

/** @class infosNewsLetter

Couleur de fond du cadre de saisie Newsletter
*/
tbody.infosNewsLetter {
	background-color: #f2c276;
}

/** @class infosPasswd

couleur de fond du cadre de saisie du mot de passe
*/
tbody.infosPassword {
	background-color: #f6aa47;
}

/* panneau accueil
-------------------------------------------------------- */
/** @id panneauAccueil

Table présentant les modules de la page d'accueil
*/
table#panneauAccueil {
	border: none;
	padding: 0px;
	width: auto;
}

/* Notre sélection
-------------------------------------------------------- */
/** @id notreSelection

Table présentant notre sélection de produits dans le
panneau central
*/
#notreSelection {
	border: 1px solid #b29790;
	padding: 0px;
	text-align: center;
	width: auto;
}


#notreSelection th {
	background-color: #F6AA47;
	color: #113F91;
}

#notreSelection table.ligneNotreSelection {
	background: white;
	text-align: center;
	width: auto;
}

#notreSelection td.caseNotreSelection25 {width:25%;}

#notreSelection td.caseNotreSelection33 {width:33.33%;}

#notreSelection td.caseNotreSelection50 {width:50%;}

/* Notre produit
-------------------------------------------------------- */
/** @id notreProduit

Table présentant notre produit dans le
panneau central
*/
table#notreProduit {
	border: 1px solid #b29790;
	padding: 0px;
	width: 100%;
}


table#notreProduit th {
	background-color: #F6AA47;
	color: white;
	text-align: left;
	padding: 2px;
}

table#notreProduit td {
	background-color: #FFFACD;
	padding: 2px;
}

img#notreProduit {
	border: 1px solid #b29790;
}


/* Promo flash
-------------------------------------------------------- */
/** @id notreSelection

Table présentant la promo flash dans le
panneau central
*/
table#promoFlash {
	border: 1px solid #CC6666;
	padding: 0px;
	width: 100%;
}


table#promoFlash th {
	background-color: #CC0000;
	color: white;
	text-align: left;
	padding: 2px;
}

table#promoFlash td {
	background-color: #FFCCFF;
	padding: 2px;
}

img#promoFlash {
	border: 1px solid #CC6666;
}

table#promoFlash td {
	background-color: #FFCCFF;
	padding: 2px;
}

table#promoFlashPrix {
	border: 1px solid #CC6666;
	padding: 2px;
	background-color: white;
	text-align: center;
}

table#promoFlashPrix td {
	background-color: white;
}

span#promoFlashPrix {
	color: #CC0000;
	font-weight: bold;
	font-size: 11pt;
}

/* Offre du mois
-------------------------------------------------------- */
/** @id offreMmois

Table présentant l'offre du mois dans le
panneau central
*/
table#offreMois {
	border: 1px solid #999933;
	padding: 0px;
	width: 100%;
}


table#offreMois th {
	background-color: #007700;
	color: white;
	text-align: left;
	padding: 2px;
}

table#offreMois td {
	background-color: #CCFF99;
	padding: 2px;
}

img#offreMois {
	border: 1px solid #999933;
}

table#offreMoisPrix {
	border: 1px solid #999933;
	padding: 2px;
	background-color: white;
	text-align: center;
}

table#offreMoisPrix td {
	background-color: white;
}

span#offreMoisPrix {
	color: #007700;
	font-weight: bold;
	font-size: 11pt;
}


/* Top des ventes
-------------------------------------------------------- */
/** @id topVentes

Table présentant les produits les plus vendus
*/
table#topVentes {
	padding: 0px;
	width: auto;
}

table#topVentes td {
	padding: 0px;
}


/* Informations
-------------------------------------------------------- */
/** @id informations

Table présentant les informations dans le
panneau central
*/
table#informations {
	border: 1px solid #8ba6b2;
	padding: 0px;
	width: 100%;
}


table#informations th {
	background-color: #113f91;
	color: white;
	text-align: left;
	padding: 2px;
}

table#informations td {
	background-color: #f3f3f3;
	padding: 2px;
}

/* affichage des sous-cats
-------------------------------------------------------- */
/** @id affichageSousCat

Affichage dans le panneau central des vignettes et des
noms des sous-catégories
*/
#affichageSousCat {width:100%;}

#affichageSousCat td {
	vertical-align: bottom;
	width: 25%;
}

#affichageSousCat td.etiquette {
	background-color: #FADE72;
	border: 1px solid #8ba6b2;
	vertical-align: middle;
}


/* affichage des produits
-------------------------------------------------------- */
/** @id affichageProduit

Affichage dans le panneau central de la liste des produits
de la sous-catégorie visitée

*/
#affichageProduit {
	margin-top: 10px;
 	text-align: justify;
	width: 100%;
}

#affichageProduit td.nomRefProduit {
	font-size: 9pt;
	height: 40px;
	padding-left: 2px;
	padding-right: 2px;
	width: auto;
}

#affichageProduit td.descriptifProduit {
    border-bottom: 1px solid #8ba6b2;
    border-right: 1px solid #8ba6b2;
    font-size: 7pt;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	padding-right: 2px;
	text-align: justify;
 	width: auto;
}

#affichageProduit td.promo {width: 60px;}

#affichageProduit td.prix {
	padding-right: 2pt;
	width: 120px;
}

#affichageProduit table.qteChariotDelai {
	margin-bottom: 6pt;
	padding: 0px 2px;
}


/* commandes
-------------------------------------------------------- */
/** @id commande

Table récapitulatrice de l'ensemble des commandes passées
ou d'une commande particulière
*/
#commande {
	border-collapse: collapse;
	border: 2px solid #8ba6b2;
	width: 90%;
}

#commande thead {border: 1px solid #8ba6b2;}

#commande tbody.article {border: 1px solid #8ba6b2;}

#commande tbody.fraisLivraison {
	background-color:	#FDFFCF;
	border: 1px solid #8ba6b2;
	color: #113F91;
}

#commande tbody.totalHT {
	background-color: #f2c276;
	border: 1px solid #8ba6b2;
	color: #113F91;
}

#commande tbody.soustotalTTC {
	background-color: #F6AA47;
	border: 1px solid #8ba6b2;
	color: #113F91;
}

#commande tbody.totalTTC {
	background-color: #F6AA47;
	color: #113F91;
	font-weight: bold;
}


/* Bon de commande
-------------------------------------------------------- */
/** @class cadre

Table utilisée dans le bon de commande pour récapituler la
commande passée par le client
*/
table.cadre {
 	border: 1px solid #6ca2d8;
	border-collapse: collapse;
}

tr.cadre {border: 1px solid #6ca2d8;}

td.cadre {border: 1px solid #6ca2d8;}


/* liens hypertextes
-------------------------------------------------------- */
a {color: #122f59; text-decoration: none;}

a.info {color: #6ca2d8; font-weight: bold; text-decoration: none;}

a.nav_detail {font-weight: bold;}

a.non_dispo {color:#d0dce8; font-weight: bold;}

a.barre {color: white; font-weight: bold;}

a:hover {color: #f8b230; text-decoration: underline;}

a.barre:hover {color: #122f59; text-decoration: underline;}

a.non_dispo:hover {color: #d0dce8; text-decoration: none;}

a.texte {color: #122f59; text-decoration: none; cursor: Default}

a:hover.texte {color: #122f59; text-decoration: none; cursor: Default}