/*
 *  Document   : theme.css.php
 *  Created on : 25 mai 2009, 21:47:06
 *  Author     : Thierry Lassègue
 *  Description: Feuille de style pour la couleur et les images de fond
 ***********************************************************************/

/*
 *  Syntax http://www.w3.org/TR/REC-CSS2/

@CHARSET "UTF-8";

/************************* 
 * Mise en page générale *
 * et arrière-plan       *
 *************************/
body {	
	background: url(../img/site/fondconteneur.jpg) repeat-x;
	background-color: #FFFFFF  ;
}
#bandeorange {
	background-color: #EB6909 ;
}
#conteneur {
	background-color: #FFFFFF}

/***************************
 * La typographie générale *
 ***************************/
.orange {
	color: #EB6909;	
}
.ref {
	color: #EB6909;
}
.ErrorMessage {
	color: blue;
}

/*****************
 * La navigation *
 *****************/
a {
	color: #EB6909;
}
a:hover {
	color: #FF0000;;
}


/*******************
 * Les formulaires *
 *******************/
fieldset {
	border: 1px solid #B3B4B4;
}
input[type=text],input[type=password],input[type=listbox],textarea{
	border: 1px solid #EB6909;
}
input[type=text]:focus,input[type=password]:focus,input[type=listbox]:focus{
	background-color: #CBCCCC;
	color: white;
}
input[type=text]:hover,input[type=password]:hover,input[type=listbox]:hover{
	background-color: #B3B4B4;
	color: white;
	border: 1px solid #FF0000;}


/**********************
 * La zone du bandeau *
 **********************/
#zonelogo {
	background: url(../img/site/bandeau1.jpg) no-repeat left top;
}
#zonelogo.welcome {
	background: url(../img/site/bandeau1-fil.jpg) no-repeat left top;
}
#zonelogo.ete {
	background: url(../img/site/bandeau1-ete.jpg) no-repeat left top;
	color: #FFFFFF;	
}
#zonemenu {
	background: url(../img/site/bandeau2.jpg) no-repeat 167px 0;
}


/** Menu du bandeau **
 *********************/
#menuhaut a {
	color: #FFFFFF;
	background: #4E4E4E;
}
#menuhaut div {
	background-image: url(../img/site/ombre_bouton.jpg);
	background-repeat: repeat-x;
}
#menuhaut a:hover {
	color: #FFC139;
}


/************************
 * La colonne de gauche *
 ************************/
#colgauchehaut {
	background: url(../img/site/colgauche1.jpg) no-repeat left top;
}
#colgauchehaut.welcome {
	background: url(../img/site/colgauche1-fil.jpg) no-repeat left top;
}
#colgauchehaut.ete {
	background: url(../img/site/colgauche1-ete.jpg) no-repeat left top;
}
#colgauchebas.welcome {
	background: url(../img/site/colgauche2-fil.jpg) no-repeat left top;
}

/** Le menu gauche **
 ********************/
#menugauche li.ete {
	background: #EB6909 ;
}
#menugauche li.ete:hover {
	background: #FFC139 ;
}
#menugauche li.hiver {
	background: #97B0BD ;
}
#menugauche li.hiver:hover {
	background: #B5CCD6 ;
}


/************************
 * La colonne du centre *
 ************************/
#colcentre.welcome {
	background: url(../img/site/colcentre-fil.jpg) no-repeat left bottom;
}

/** l'édito de la page d'accueil **
 **********************************/
#edito .orange {
	color: #EB6909;
}

/** Les encarts promotionnels **
 *******************************/
.encart {
	border: 1px solid #B3B4B4;
	background: url(../img/site/fond-encart.jpg) repeat-x bottom left;
}
.encart .titreencart span {
	color: #B3B4B4;
	background-color: #FFFFFF;
}
.encart .petittitreencart span,
.encart .premiertitreencart span {
	color: #B3B4B4;
	background-color: #FFFFFF;
}
.encart .titreencart .orange,
.encart .petittitreencart .orange,
.encart .premiertitreencart .orange {
	/*font-weight: bold;*/
	color: #EB6909}
.popencart {
	border: 1px solid #EB6909;
	background-color: #DFE0E0;	
}
.popencart .orange {
	color: #EB6909;
}

/** Les pickers **
 *****************/
#pave_couleurs img {
	border: 1px solid #DFE0E0}
#macouleur {
	border: 1px solid #DFE0E0;
}
#pave_matieres .matiere img {
    border: 1px solid  #DFE0E0;
}
#pave_matieres .matiere a {
    font-weight: normal;
}
#mamatiere img {
    border: 1px solid #DFE0E0;
}
#colorpicker p, #matierepicker p {
    color: #B3B4B4;
}

/** La liste des produits dans les rayons **
 *******************************************/
#table_produits {
    background-color:#EEEFEF;
}
#table_produits thead th {
	background-color: #FFFFFF;
	border: 1px solid #B3B4B4;
}
#table_produits tr.soulignement td {
    border-bottom: 1px solid #FFC139;
    background: url(../img/site/fond-thead.jpg) repeat-x bottom left;
}
#table_produits tbody th {
	border-top: 1px solid #FFC139;
	border-bottom: 1px solid #FFC139;
}
#table_produits tbody th img {
	border: 1px solid #CBCCCC;
}
#table_produits tbody th a:hover img {
	border-color: #FF0000;;
}
#table_produits td {
	border: 1px solid #FFC139;
}
#table_produits tfoot td {
	border-top: 1px solid #FFC139;
	border-bottom: 1px solid #B3B4B4;
	background: url(../img/site/fond-tfoot.jpg) repeat-x bottom left;
}
table_produits .alternate {
   background-color: #DFE0E0;
}
#table_produits td.nomcoupon {
	background: url(../img/site/coupon.png) no-repeat bottom right;
}
#table_produits td.nompromo {
	background: url(../img/site/promo.png) no-repeat bottom right;
}
#table_produits td.nomsoldes {
	background: url(../img/site/soldes.png) no-repeat bottom right;
}
#table_produits td.nomnouveau {
	background: url(../img/site/new.png) no-repeat bottom right;
}

/* Les images pop *
 ******************/
.pop {border: 10px solid #EB6909;}

/** La fiche produit **
 **********************/
#illustrations {
	border: 1px solid #DFE0E0 }
.promotion {
	color: #EB6909;
}
.solde {
	color: #AA2314;
}
.nouveau {
	color: green;
}
.pas_en_vente {
	color: blue;
	text-align: center;
	padding-top: 33px;
}
#entete_fiche .stock {
 	/*color: #EB6909;*/
	color: red;
	font-weight: bold;
 }
#table_assortis {
	background-color:#EEEFEF;
}
#table_assortis td {
	border: 1px solid #FFC139;
}
#table_assortis .alternate {
   background-color: #DFE0E0;
}
#table_technique {
 	background-color:#EEEFEF;
 }
#table_technique th, #table_technique td {
 	border : 1px solid #DFE0E0;
 }

/** Les grandes images **
 ************************/
#conteneur.fond_noir {
	background-color: black;
	color: white;
}
#conteneur.fond_noir img {
        border : 2px solid #DFE0E0;
}

/** La liste des partenaires **
 ******************************/
.partenaire {border-bottom: 2px solid #EB6909;}


/** Le panier et les commandes **
 ********************************/
 #cmdeTable {
 	background-color:#EEEFEF;
 }
 #cmdeTable th {
   background-color: #FFFFFF;
}
#cmdeTable thead th {
   border: 1px solid #CBCCCC;
}
#cmdeTable tbody td {
	border: 1px solid #FFC139;
}

 #table_cmde {
 	background-color:#EEEFEF;
 }
 #table_cmde th {
   background-color: #FFFFFF;
}
#table_cmde thead th {
   border: 1px solid #CBCCCC;
}
#table_cmde tbody td {
	border: 1px solid #FFC139;
}


/************************ 
 * La colonne de droite *
 ************************/
#coldroite {
	background: url(../img/site/separateur.jpg) no-repeat top left;
}
#zone_panier {
	border: 1px solid #B3B4B4;
}
#zone_coupon {
	border: 1px solid #B3B4B4;
	color: #B3B4B4;
}


/*******************
 * La zone du pied *
 *******************/
#pied a {
	color: #CBCCCC;
}
#pied a:hover {
	color: #DFE0E0;
}

/** Le menu bas **
 *****************/
#menubas a {
	color: #CBCCCC;
}
#menubas a:hover {
	color: #DFE0E0;
}