/*————————————————————————————————————————
		Style Direct-Appro
	—————————————————————————————————————————*/	
	 

html
{
	background-color: white;
	font-family: Arial, Verdana, sans-serif;
	font-size: 9pt;

	min-width: 800px;
}


/* Pour IE. */
body
{
	position: relative;
	margin: 0;
}
.pourIe
{
	margin: 160px 190px 1em;
	padding: 1em;
}

/* Pour les navigateurs. */
html>body
{
	margin: 160px 190px 1em;
	padding: 1em;
	position: static;
}




/*+ Les balises sans présentations spéciales. +*/

p
{
	text-align: justify;
	margin: 1ex;
}

a img
{
	border: 0;
	text-decoration: none;
	position: relative;
	top: 3px;
}

hr
{
	clear: both;
	background-color: orange;
}


/*+ Les titres. +*/
h1
{
	color: white;
	font-size: 1.2em;
	clear: both;
	background-color: #889900;
	padding: 2px 0 2px 40px;
	border-bottom: 2px solid #d1d300;
	-moz-border-radius-topright: 10px;
}

h2
{
	font-size: 1.1em;
	padding-left: 1ex;
}
h3, h4
{
	font-size: 1em;
	padding-left: 1ex;
}


/*+ Les liens +*/
a, .styleLien
{
	color: #260;
}

a:hover, .styleLien:hover
{
	color: #891;
	text-decoration: none;

	/* background: none; après on doit réécrire tous les fonds des liens... :-/ */
	/* Correction bug IE. Merci Alsacreations. */
}



/* Equilibrage des navigateurs. */
form
{
	margin: 0;
}

small
{
	font-size: 8pt;
}


/* Quand on passe en application/xml l'alignement par défaut n'est pas le m^. */
td
{
	vertical-align: middle;
}


/* Sur la page accessibilité. */
kbd 
{
	padding: 0px 1px;
	border-width: 1px 2px 2px 1px;
	border-style: outset;
	background: #faf6f6;
}

pre
{
	font-family: Arial, Verdana, sans-serif;
	margin-left: 3ex;
}




/************************************************************************************************/
/*++++++++++++++++++++ Les positions absolues, présentation générales. ++++++++++++++++++++++++ */
/************************************************************************************************/

.logo
{
	position: absolute;
	top: 18px;
	left: 16px;
	z-index: 2;
}

.bandeau
{
	position: absolute;
	top: 0;
	left: 0;
	width: 99%;
	height: 160px;
	background: url('images-site/bandeau.png') no-repeat top left;
}


.barreOnglets
{
	position: absolute;
	top: 117px;
	left: 0;
	height: 44px;
	width: 100%;
	text-align: center;
	background: url('images-site/barre-onglet.png') no-repeat top center;
	z-index: 2;
}

.onglets
{
	/* Le truc qui contient encore les onglets sinon IE les fait revenir à la ligne. */
	width: 653px;
	margin: auto;
	z-index: 3;
}


.onglet, .ongletActif
{
	float: left;
	font-family: Arial black, sans-serif;
	font-size: 9pt;
	text-transform: uppercase;
	width: auto;
	height: 32px;
	margin-top: 5px;
	margin-left: 14px;
	margin-right: 13px;
}

.onglet a
{
	color: #570;
	text-decoration: none;
}
.ongletActif a
{
	color: #792;
	text-decoration: none;
	/* padding: 0 1ex; */
}

.onglet a:hover
{
	color: #891;
}

.ongletActif a:hover, .sousOnglets a:hover
{
	/* Correction bug IE. */
	background-color: transparent;
	color: #eee;
}

.sousOnglets
{
	position: absolute;
	top: 640px;
	left: 0;
	text-align: center;
	width: 135px;
	z-index: 3;
	margin: 0 10px 0 5px;
	border: 2px solid #fc0;
	border-top: none;
	-moz-border-radius-bottomleft: 1em;
	border-bottom-left-radius: 1em;
	background: url('images-site/haut-colonne-rayons.png') no-repeat top right;
	padding: 25px 1ex 1ex;
}
.sousOnglets a
{
	display: block;
}
.sousOnglets a:hover
{
	color: #891;
}


.vide
{
	display: none;
}


/*+cccccccccccccccccccccccccccc Les colonnes gauche / droite. cccccccccccccccccccccccccccccc+*/

.cadres p, .cadres ul
{
	font-size: 9pt;
	padding: 1ex;
	margin: 0 10px 0 5px;
	border: 2px solid #9a2;
	border-top: none;
	-moz-border-radius-bottomleft: 1em;
	border-bottom-left-radius: 1em;
}

.cadres h4
{
	background: url('images-site/haut-colonne.png') no-repeat top right;
	color: white;
	height: 17px;
	text-align: right;
	padding: 5px 8px 0 0;
	margin-right: 10px;
	margin-left: 5px;
	margin-bottom: 0;
}
.cadres h4 a
{
	color: white;
	text-decoration: none;
}


/*------------ La colonne de gauche. ++++++++++ */


.engagements
{
	position: absolute;
	top: 160px;
	left: 0;
    width: 170px;
	padding-top: 2em;
}
.engagements p
{
	text-align: left;
	border-color: #570;
}
.engagements h4
{
	background-image: url('images-site/colonne-engage.png');
}

h4.avis
{
background:url('images-site/colonne-avis.png');
text-align:right;
border-color:#BF0000;
}
/* Le téléphone qui n'a pas la m^ image de fond. */ 
h4.téléphone
{
	background: url('images-site/haut-colonne-tel.png') no-repeat top left;
}

/* Les rayons affichés dans la colonne. */
ul.rayonsPrincipaux
{
	border: none;
	font-size: 1.1em;
	font-weight: bold;
	list-style-type: none;
	background: url('images-site/haut-colonne-produits.png') no-repeat top;
	margin-bottom: 3em;
	padding: 23px 0 0;
	border-bottom: 2px solid #9a2;
	-moz-border-radius: 0;
}
ul.rayonsPrincipaux li
{
	display: inline;
}

ul.rayonsPrincipaux a
{
	display: block;
	border-bottom: 2px dotted #e0ebba;
	border-left: 2px solid #9a2;
	border-right: 2px solid #9a2;
	padding: 0 0 0 5px;
	line-height: 1.5em;
	text-decoration: none;
	color: #571;
}

ul.rayonsPrincipaux a:hover
{
	color: black;
	background-color: #efc;
}



/*--------------- La colonne de droite. +++++++++++++ */
.dynamiques
{
	position: absolute;
	top: 174px;
	right: 0;
	width: 180px;
	padding-bottom: 3em;
}

.dynamiques p
{
	text-align: right;
	position: relative;
	padding-top: 0;
	/* Correction bug IE. */
}

.dynamiques p
{
	font-size: 9pt;
	padding: 5px;
	margin: 0 10px 0 6px;
	border: 2px solid #9a2;
	border-top: none;
	background-color: #F7FFD5;
}

/* Les produits en évidence sur le coté. */
.dynamiques .miniature
{
	float: left;
	border: 1px solid #570;
	width: 60px;
	height: 60px;
	margin-right: 2px;
}

.dynamiques input
{
	font-size: 0.8em;
}
/* Pas possible de ne faire que les input[type="text"] dans IE. */


.dynamiques small
{
	display: block;
	text-align: left;
	clear: both;
	margin: auto -4px;
	padding: 3px 0;
	text-align: center;
	background-color: white;
}

.dynamiques button
{
	border: none;
	background-color: transparent;
	padding: 0;
	margin: 0;
	width: 30px;
	margin-bottom: -3px;
}


/*-!-!-!-!-!- Les cadres particuliers. +!+!+!+!+!+!+*/

h4.panier
{
	margin-top: 0;
	height: 20px;
	padding-top: 18px;
	background: url('images-site/panier.png') no-repeat 1px top;
	padding-bottom: 0;
}

h4.compte
{
	background: url('images-site/haut-colonne-compte.png') no-repeat 1px top;
	height: 16px;
	padding-top: 12px;
}

div.prodLat h4
{
	background-image: url('images-site/colonne-droite-produits.png');
}
div.prodLat p
{
	border-color: #dd0;
}

.inscriptionLettre #lettre_info, #cadre_recherche_rayon
{
	width: 105px;
}


/*- fin cccccccccccccccccccccccc -*/



p.recherche
{
	position: absolute;
	top: 0;
	right: 1%;
	width: auto;
	height: auto;
	padding: 14px 0 6px 60px;
	margin: 0;
	font-size: 9pt;
	z-index: 2;
}

p.recherche button
{
	background: white;
	cursor: pointer;
	border: none;
	background-color: transparent;
	width: 35px;
	margin-bottom: -2px;
	/* Chipotons... */
}
p.recherche input#texte_recherche
{
	font-size: 0.8em;
	width: 150px;
}


p.heure
{
	position: absolute;
	top: 130px;
	right: 50px;
	height: 20px;
	background: url('images-site/horloge.png') no-repeat top left;
	padding-left: 20px;
	font-size: 9pt;
}


/*+++ bas de page +++*/
.piedDePage
{
	position: absolute;
	left: 0;
	margin: 1em 0 0;
	text-align: center;
	padding-top: 63px;
	width: 100%;
	background: transparent url('images-site/pied-de-page.png') repeat-x bottom;
}

.piedDePage a
{
	text-decoration: none;
}


/* Le contenu entier pour placer le pied de page. */
div.c
{
	 height:1100px;
}
div[class="c"]
{
	height: auto;
	min-height: 900px;
}






/************************************************************************************************/
/*+++++++++++++++++++++++++++++++++ Petites classes diverses. ++++++++++++++++++++++++++++++++++*/
/************************************************************************************************/


.cache
{
	display: none;
}
.adroite
{
	text-align: right;
}
.petitFlottant, .flotte
{
	float: right;
}
.centre
{
	text-align: center;
	clear: both;
}


/* Les liens qui ressemblent à des boutons. */
a.lienBouton
{
	color: #570;
	font-weight: bold;
	padding: 2px 15px 3px;
	height: 24px;
	text-decoration: none;
	background: url('images-site/bouton.png') no-repeat right;
	white-space: nowrap;
	/* Pour Safari. */
}
a.lienBouton:hover
{
	color: #570;
	background-color: transparent;
	/* Réparation du background:none correction bug IE. */
}

/* Les boutons qui ressemblent à des liens. */
.styleLien
{
	background: none;
	border: none;
	padding: 0;
	cursor: pointer;
}

/* Les boutons avec une image. */
button.b, .boutonPanierProduit
{
	cursor: pointer;
	background: transparent url('images-site/bouton.png') no-repeat right;
	height: 22px;
	color: #570;
	font-weight: bold;
	padding: 0 8px 3px;
	border: none;
	font-size: 1em;
}
button[class="b"], [class="boutonPanierProduit"]
{
	height: 20px;
}

button.b, .boutonPanierProduit, a.lienBouton
{
	border-left: 1px solid #9fb348;
}



/* Les liens de retour sur les pages qui necessitent. */
.retour
{
	padding: 9px 11px 11px 32px;
	background: url('images-site/retour.png') no-repeat left;
	float: right;
	margin-top: -1em;
}


/*++++++++++++++++++ Les formulaires ++++++++++++++++++++*/

.formulaire
{
	border: 2px solid #570;
	width: 80%;
	margin: auto;
	-moz-border-radius: 15px;
}
.formulaire table
{
	width: 100%;
}

.fondForm
{
	background: url('images-site/fond.jpeg') no-repeat top right;
}

/* Les formulaires dans des tableaux. */
table.tableForm
{
	margin: auto;
}

.tableForm td
{
	text-align: right;
	padding: 5px;
}

.tableForm td.i, .variable td.d
{
	text-align: left;
}
.tableForm td.i textarea
{
	width: 100%;
}

/* Les images ? dans les formulaires. */
td.i img
{
	margin-bottom: -1px;
}
td.i #courriel, td.i #ami
{
	width: 80%;
}

/* Les trucs importants. <sup> ce sont les * des champs obligatoires. */
.important, sup
{
	color: red;
}
p.important, p.valide
{
	font-weight: bold;
}

.valide
{
	color: green;
}


/* D'autres tableaux. */
table.variable
{
	margin: auto;
	width: 100%;
	text-align: center;
}



#bulle, #bulle1
{
	/* Ressemblant à une bulle d'aide. */
	position: absolute;
	background-color: #ffd;
	/* On peut pas mettre la couleur InfoBackground car Safari met du noir. */
	font-size: small;
	font-style: normal;
	width: 30ex;
	padding: 3px;
	border: 1px outset gray;
	z-index: 5;
}

.bulle
{
	background-color: #ffd;
}



/************************************************************************************************/
/*+AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA Accueil AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA+*/
/************************************************************************************************/


/* Les actus en bas de l'accueil. */
.actualités
{

}

.actualités a, .conseils a
{

}
.actualités small, .conseils small
{

}

/* Les conseils d'achat, presque pareil. */
.conseils
{

}


/************************************************************************************************/
/*+RARARARARARARARARARARARARARARARARARA Recherche et Accueil RARARARARARARARARARARARARARARARARA+*/
/************************************************************************************************/

/* Les rayons écrit sur l'accueil et recherche. */
.catAccueil
{
	margin: 2em auto;
	font-size: 9pt;
	width: 550px;
}

.catAccueil td
{
	width: 250px;
	height: 50px;
	vertical-align: top;
	padding: 0 25px 15px;
}
.catAccueil td img
{
	display: block;
	margin: 0 -35px 15px;
}
.catAccueil td span.t
{
	display: none;
}
.catAccueil td a
{
	display: block;
	margin: -5px 0;
	background: url('images-site/c.png') no-repeat left;
	padding-left: 10px;
	padding-right: 24px;
}

td.Électroportatif
{
	background: white url('../images/rayons/contour-electroportatif.png') no-repeat 14px bottom;
}
td.Luminaires
{
	background: white url('../images/rayons/contour-luminaires.png') no-repeat 14px bottom;
}
td.Visseries
{
	background: white url('../images/rayons/contour-visseries.png') no-repeat 14px bottom;
}
td.Taupinette
{
	background: white url('../images/rayons/contour-taupinette.png') no-repeat 14px bottom;
}



/************************************************************************************************/
/*ARARARARARARARARARARARARARARARARARARARARA Accueil et Rayon ARARARARARARARARARARARARARARARARAR+*/
/************************************************************************************************/

/* Les produits sur l'accueil et tête de rayons. */

.promosAccueil table
{
	width: 100%;
	margin: 0 auto 2em;
}
.promosAccueil table th
{
	display: none;
}

.promosAccueil table td
{
	width: 25%;
	height: 160px;
	vertical-align: top;
	padding: 2px 0 0 10px;
	background: url('images-site/cadre-promo.png') no-repeat top left;
}

.promosAccueil img
{
	width: 80px;
	height: 80px;
	margin-bottom: 10px;
	margin-left: 16px;
	display: block;
}

.promosAccueil table td .prix
{
	display: block;
	background: url('images-site/fleche-orange.png') no-repeat 0 bottom;
	padding-left: 14px;
	margin-left: 0;
}
.promosAccueil table td span.prix small
{
	/* Oui je sais... */
	font-size: 10pt;
}


/************************************************************************************************/
/*+RRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRR Rayon RRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRR+*/
/************************************************************************************************/

.sousRayons
{
	width: 92%;
	border: 2px solid #570;
	background-color: #F9FCED;
	margin: 1%;
	padding: 1%;
	-moz-border-radius: 15px;
}
.sousRayons h2
{
	background: url('images-site/c.png') no-repeat left 6px;
	padding-left: 10px;
	margin-left: 5px;
}
.sousRayons h2 img
{
	display: none;
}


img.imageRayon
{
	float: right;
}
img[class="imageRayon"]
{
	margin-top: -20px;
}



p.hr
{
	clear: both;
}


/* Le tri sur les rayons. */
.tri
{
	text-align: right;
	font-size: 1em;
	margin-bottom: 1em;
}

.tri select, .tri input
{
	font-size: 1em;
}


/* Entêtes des tableaux, par ex page facture, rayons. */
th
{
	background-color: #efc;
	border-collapse: separate;
	height: 2em;
}

/* La liste des produits du rayons, ou les produits associés. */
.produits
{
	width: 100%;
}

.produits tr td
{
	border-bottom: 1px solid gray;
	height: 68px;
}

.produits td.prix, .produits td.dispo, .produits td.marque
{
	text-align: center;
}
.produits td.prix small
{
	font-size: 8pt;
}

/* Les promotions dans les rayons ont la classe produit et la classe promotion. */
.promotion
{
	background-color: #ffd;
}


.produits h4
{
	/* Pour équilibrer les navigateurs. */
	padding: 0;
	margin: 0;
	/* Pour mettre le texte au milieu de l'image. */
	padding-top: 22px;
}
/* L'image est en float pour éviter le soulignement du lien. */
.produits h4 a img
{
	border: 1px solid #fc2;
	float: left;
	margin: -29px 10px 1px;
}

/* Les séparations entre 2 marques différentes. */
tr.sep th, table.ventesNouv th
{
	height: 20px;
	padding: 2px;
	background: url('images-site/cartouche-orange.png') no-repeat top center;
	color: #570;
	border: none;
}


/*
.produits tr:hover
{
	background-color: #FAFAFA;
}
tr.sep:hover
{
	background-color: inherit;
}
*/


/* Les liens page préc, suivante. */
a.préc, a.préc:hover
{
	padding: 6px 10px 6px 24px;
	background: url('images-site/f-precedent.png') no-repeat left;
}
a.suiv, a.suiv:hover
{
	padding: 6px 24px 6px 10px;
	background: url('images-site/f-suivant.png') no-repeat right;
}


.boutonPanierRayon
{
	background: transparent;
	cursor: pointer;
	border: none;
	margin-left: 5px;
}

/* Pour IE. */
.légende
{
	width: 100%;
}

.légende span
{
	white-space: nowrap;
	display: block;
	float: left;
	width: 19ex;
	padding-left: 9ex;
	height: 2em;
}


table.ventesNouv
{
	margin-top: 5em;
}
table.ventesNouv td
{
	margin-top: 5em;
	width: 50%;
	border: 1px solid gray;
	background-color: #FAFAFA;
	padding-bottom: 0.5em;
}




/************************************************************************************************/
/*+RPRPRPRPRPRPRPRPRPRPRPRPRPRPRPRPRPRPRP Rayon et Produit RPRPRPRPRPRPRPRPRPRPRPRPRPRPRPRPRPRP+*/
/************************************************************************************************/

h2.arborescence
{
	font-size: 8pt;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

.prix
{
	color: #EA7805;
	font-size: 11pt;
	font-weight: bold;
	clear: left;
	margin-left: 1ex;
}

.detail .prixht, .produits .prixht
{
	font-size: 10pt;
	color: black;
	font-weight: normal;
}

/* Quand il y a une promo. */
.barré
{
	color: gray;
	text-decoration: line-through;
}




/************************************************************************************************/
/*+PPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPP Produit PPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPP+*/
/************************************************************************************************/

.detail
{
	margin: 2em 2em 0;
	padding: 0.5em;
	position: relative;
	/* Correction bug IE encore. */
	border: 2px solid #570;
	-moz-border-radius: 15px;
}

.detail h1
{
	
}

.référence small
{
	font-size: 8pt;
	color: gray;
}

.descriptionProduit, .avisProduit
{
	clear: both;
	padding: 10px;
}


/* L'image. */
.imageProduit
{
	float: left;
	cursor: pointer;
	background-image: url('images-site/grand-cadre-produit.png');
	width: 214px;
	height: 214px;
}

.imageProduit img
{
	padding-top: 0px;
	padding-left: 15px;
	width: 180px;
	height: 180px;
}
.imageProduit span.fermer
{
	display: none;
}

/* L'image après qu'on ai zoomé. */
.imageZoom
{
	position: absolute;
	left: 0;
	top: 0;
	/* Dans le coin de la fiche produit puisqu'on doit la mettre en relative. */
	cursor: pointer;
	border: 3px outset #570;
	background-color: #570;
	padding: 5px;
	z-index: 4;
	text-align: center;
}
.imageZoom span.zoom
{
	display: none;
}
.imageZoom span.fermer
{
	display: block;
	color: white;
}

/* Le texte "zoom" sur les images des produits. */
.imageProduit span
{
	visibility: hidden;
	display: block;
	color: black;
	text-decoration: none;
	text-align: center;
}
.imageProduit:hover span
{
	visibility: visible;
}

.textePromo
{
	color: Highlight;
}


/* La marque, le prix, ajouter au panier... */
.infosProduit
{
	float: right;
	width: 40%;
}
.infosProduit p
{
	text-align: left;
}
.infosProduit p.prix
{
	font-size: 20pt;
}


/* Dans les rayons, et les autres produits présentés dans la fiche d'un produit. */
.miniature
{
	width: 80px;
	height: 80px;
	text-decoration: none;
}

.boutonPanierProduit
{
	/* Pour le reste comme button.b */
	margin-right: 10px;
	font-size: 1.1em;
}


/*+ Liens sous la fiche produit: version imprimable, envoyer à un ami... +*/
.liensProduit
{
	font-size: 11px;
	margin: auto 4ex auto auto;
	background: url('images-site/liens-produit.png') no-repeat;
}
.liensProduit td, .liensProduit th
{
	vertical-align: top;
	padding-top: 31px;
	width: 50px;
	height: 77px;
	padding-left: 15px;
}
.liensProduit th
{
	width: 0;
	padding: 0;
}
.liensProduit td strong
{
	color: #570;
}
.liensProduit button
{
	background: none;
	border: 0;
	padding: 0;
	margin-left: -2px;
	width: 72px;
	cursor: pointer;
	font-size: 9px;
	/* Les boutons n'ont pas la m^ taille que les liens. :-? */
	text-align: left;
}

.liensProduit a
{
	text-decoration: none;
}
/*--*/




/************************************************************************************************/
/*+PPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPP Panier PPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPP+*/
/************************************************************************************************/

.produitsPanier th, .produitsCompte th
{
	background-color: #570;
	color: white;
}
.produitsPanier tr
{
	background-color: #efd;
}
.produitsCompte th a
{
	color: white;
}
td.total
{
	background-color: #efc;
}
td.total strong
{
	font-size: 1.3em;
}

/* Les libéllés (réduc, total). */
.produitsPanier .l
{
	color: black;
	text-align: right;
	background-color: #efd;
	padding: 1em;
}
.produitsPanier .total
{
	text-align: right;
	padding-left: 1ex;
}

.produitsPanier td.montant
{
	text-align: right;
	font-size: 1.2em;
}

td.blanc
{
	background-color: white;
}

td.b
{
	background-color: white;
	text-align: right;
	padding-top: 10px;
	padding-bottom: 10px;
	vertical-align: top;
}

.quantitePanier
{
	font-size: 0.9em;
	color: gray;
}

a.lienPanier
{
	font-size: 1.1em;
	font-weight: bold;
	color: #570;
	text-decoration: none;
}

a.retourPanier
{
	background: url('images-site/bouton.png') no-repeat left;
	padding: 2px 15px 3px;
	height: 24px;
	border-left: none;
	border-right: 1px solid #9fb348;
}



/************************************************************************************************/
/*+CCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCC Contact CCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCC+*/
/************************************************************************************************/

h2.entr, h2.part
{
	display: inline;
	position: relative;
	top: -2px;
	left: 10%;
	padding: 4px 2%;
	-moz-border-radius-topleft: 1ex;
	-moz-border-radius-topright: 1ex;
	cursor: pointer;
	border: 2px solid #570;
	border-bottom: none;
}
.part
{
	background-color: #efd;
}
.entr
{
	background: #ccc;
}

#formContact
{
	padding-top: 1.5em;
	padding-bottom: 1.5em;
	border: 2px solid #570;
	margin: auto 10%;
	-moz-border-radius-bottomleft: 15px;
	-moz-border-radius-bottomright: 15px;
}


/************************************************************************************************/
/*+RRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRR Recherche RRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRR+*/
/*              et aussi les pages toutes les marques, promos, nouveautés, zoom-sur.            */
/************************************************************************************************/


/* L'arborescence du résultat. */
.arboRech, .refPanier
{
	display: block;
	margin-top: 5px;
	font-size: 8pt;
	padding-left: 55px;
	color: gray;
}
.arboRech a, .arboRecherche a
{
	color: gray;
	text-decoration: none;
}
.arboRecherche
{
	font-size: 8pt;
	color: gray;
}


.miniMiniature
{
	width: 3em;
	height: 3em;
	text-decoration: none;
	background-color: inherit;
	float: left;
	margin: -0.3em 0.5em 0 0;
}

a:hover .miniMiniature
{
	width: 3.5em;
	height: 3.5em;
	margin: -0.75em 0.25em -0.25em -0.25em;
}

.resultat
{
	padding: 0.6em;
	border-bottom: 1px dashed orange;
}
.fond1
{

}
.fond2
{

}

form.formulaire select#rayon
{
	width: 50ex;
}



/************************************************************************************************/
/*+PlPlPlPlPlPlPlPlPlPlPlPlPlPlPlPlPlPlPlPlPl Plan PlPlPlPlPlPlPlPlPlPlPlPlPlPlPlPlPlPlPlPlPlPl+*/
/************************************************************************************************/
.planSite
{
	list-style-type: square;
}




/************************************************************************************************/
/*+IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII Identification IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII+*/
/************************************************************************************************/

.zoneIdentif
{
    margin: auto;
	padding: 2em;
	background: white url('images-site/fond.jpeg') no-repeat top right;
	border: 2px solid #570;
	width: 80%;
	-moz-border-radius: 15px;
}

.zoneIdentif #id, .zoneIdentif #mdp
{
	width: 99%;
}


.zoneIdentif h3, .zoneNouveauClient h3
{
	text-transform: uppercase;
	font-size: 1.1em;
	padding: 0;
	margin: 0;
}

.zoneNouveauClient
{
    margin: 2em auto;
	padding: 2em;
	background-color: #efd;
	border: 2px solid #570;
	width: 80%;
	-moz-border-radius: 15px;
}





/************************************************************************************************/
/*+IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII Livraison IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII+*/
/************************************************************************************************/

.zoneLivraison, .zonePaiement
{
    margin: auto;
	padding: 2em;
	background: white url('images-site/fond.jpeg') no-repeat top right;
	border: 2px solid #570;
	width: 80%;
	-moz-border-radius: 15px;
}




/************************************************************************************************/
/*+CCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCC Compte CCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCC+*/
/************************************************************************************************/

.zoneCoord, .zoneMenu
{
    margin: 1em;
	padding: 1em;
	background: white url('images-site/fond.jpeg') no-repeat top right;
	border: 2px solid #570;
	-moz-border-radius: 15px;
}


/* Le contenu des commandes dans compte.php. */
.contenu
{
	display: block;
	padding: 1em 2em;
	font-style: normal;	
	/* Parce qu'on est dans un <var> donc sinon italique. */
}

.produitsCompte th small
{
	font-weight: normal;
}

.alivraison
{
	width: 50%;
	margin: 1em auto;
	border: 2px solid #570;
	padding: 1em;
	-moz-border-radius: 15px;
}
.alivraison hr
{
	margin-left: 0;
}
.alivraison a
{
	float: right;
	margin-top: 0.7em;
	text-decoration: none;
}



/************************************************************************************************/
/*+FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFF Facture FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFF+*/
/************************************************************************************************/


table#facture
{
	width: 90%;
	border-collapse: collapse;
}







/************************************************************************************************/
/*+HHHHHHHHHHHHHHHHHHHHHHHHHHHHHHH Les H1 avec un picto HHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHH+*/
/************************************************************************************************/
h1.h1
{
	height: 22px;
	padding: 21px 0 0 50px;
	background-color: white;
	background-repeat: no-repeat;
	background-position: left;
	border-bottom: none;
}

h1.les-engagements
{
	background-image: url('images-site/picto-etoile.png');
}
h1.le-contact
{
	background-image: url('images-site/picto-enveloppe.png');
}
h1.panier
{
	background-image: url('images-site/picto-panier.png');
}
h1.inscription
{
	background-image: url('images-site/picto-arobas.png');
}
h1.compte, h1.identification
{
	background-image: url('images-site/picto-pacman.png');
}
h1.plan
{
	background-image: url('images-site/picto-interrogation.png');
}
h1.desinscription
{
	background-image: url('images-site/picto-suppr.png');
}
h1.livraison, h1.envoyer
{
	background-image: url('images-site/picto-enveloppe.png');
}
h1.plus
{
	background-image: url('images-site/picto-plus.png');
}
h1.perdu
{
	background-image: url('images-site/picto-interrogation.png');
}
h1.impr
{
	background-image: url('images-site/picto-impr.png');
}
h1.envoyer
{
	background-image: url('images-site/picto-enveloppe.png');
}
h1.form
{
	background-image: url('images-site/picto-form.png');
}
h1.avis
{
	background-image: url('images-site/picto-avis-util.png');
}

/* Les rayons principaux. */
h1.Électroportatif
{
	background-image: url('../images/rayons/onglet-electroportatif.png');
}
h1.Luminaires
{
	background-image: url('../images/rayons/onglet-luminaires.png');
}
h1.Visseries
{
	background-image: url('../images/rayons/onglet-visseries.png');
}
h1.Taupinette
{
	background-image: url('../images/rayons/onglet-taupinette.png');
}




/* Les H2 avec picto. */
h2.adresse
{
	color: white;
	margin-top: 4em;
	background: url('images-site/picto-pacman.png') no-repeat left;
	padding: 24px 0 9px 50px;
}
h2.tel
{
	color: white;
	background: url('images-site/picto-contact.png') no-repeat left;
	padding: 24px 0 9px 50px;
}

/*- fin HHH -*/






/* Classes supplémentaires pour la déco. */
.supplementaire1
{
}
.supplementaire2
{
}
.supplementaire3
{
}




@media print
{
	.pasImpr
	{
		display: none;
	}
}